Grasshopper

Home page [RETIRED]

🌐 View Live📷 Free Photo Assets⭐ Open Source Icons

Recreate this to learn:

Testimonial sliders
Text & hover animations
Menu hide/appear on scroll
and more!

Color Palette:

#45c14e

#dff8eb

#4ee8e2

#00324b

#002c43

#fcfcfc

Recommended Course:

Frontend Masters offers a 100% free "Complete Intro to Web Development" course.

Resources:

Beginner’s Guide to Web Animation How To - Slideshow A Complete Guide to Flexbox

Up for a challenge?

Animate the page content to appear as you scroll down.

Too easy?

Recreate the marquee animation near the bottom of the page.

Too hard?

That's ok!
View other projects

Reference image