Content on this Web page runs with HTML5. See

Amazing Radial Gradients

Free HTML5 Tutorials

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.