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

Resources:

Beginner’s Guide to Web AnimationHow To - SlideshowA 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