Content on this Web page runs with HTML5. Read the E-Book

HTML5 Animation with Effects

Web Development with Radial Gradients

Rainbow Over a Landscape

HTML5 Web Development

Learn to create rainbows with HTML5 radial and linear gradients. See the tutorial links below.

Your browser doesn't support the canvas element.

The rainbow is not from a photograph. Render a beautiful rainbow over a photographic background. Use the radial gradient and linear gradient features of HTML5's canvas element to generate the rainbow visual effect. Include the linear gradient feature to soften edges of the rainbow as it nears the ground.

I have set my rainbow in the clouds, and it will be the sign of the covenant between me and the earth. (Genesis 9:3)
Animated Effects
Copyright © 2015 Seven Thunder Software. All Rights Reserved.