Sun Rise with Rays Over Mountain Animation

Worried about licensing?

Do you have right license for your templates and fonts?

Head over to our partner Envato Elements and unlock unlimited downloads of over 50 million digital assets with full commercial licensing.

  • 50+ Million Assets with Unlimited Downloads
  • Templates, Addons, Fonts, Footage, Photos, Brushes, Presets & More
  • Full Commercial licensing for client work

Get ultimate peace of mind!

Get Started Now
Image: Sun Rise with Rays Over Mountain Animation GIF

This is an epic animation where you can see a mountain range and your mouse moves the sun from behind the mountain to the top of the sky. As you move your mouse you will start to see that the background colour of the sky changes and when the sun reaches the edge of the mountain you will see the sun rays coming out in different angles. This animation was designed by Tristan.

If you are having trouble with the pen, try the archived copy on GitHub

Sun Rays Over Mountain Snippet

See the Pen Lightrays v2 by Tristan (@sinthetyc) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.