We use cookies to give you the best possible website experience.
By using COIDEA, you agree to our Privacy Policy.OK, CLOSE

Today we'd like to share a few animations on the header section with you. Effects are made with GreenSock / GSAP, ScrollMagic, and some simple CSS3 transitions.

COIDEA - Header Animation on Scroll

Attention: Note that we use modern CSS properties like grid and variables in this demo.

This header animation challenge has two examples, but both examples have a similar simple animation for the clouds and for the balloon. The main idea was to show how simple is to create animations on scroll and all that with only 23 lines of javascript code.

The inspiration for this effects and layout comes from Minh Pham’s Dribbble shot and the link can you find in our References & Credits section at the bottom of this page.

We hope you like this little effects and find it useful!

References and Credits