Backstage Talks

Magazine archive

🌐 View Live📷 Free Photo Assets⭐ Open Source Icons

Recreate this to learn:

  • Scroll transitions.
  • Color choices.
  • Fixed content.
  • Minimal layout.
  • and more!

Color Palette:

#00c1b5

#ff651a

#ffbe00

#1d3fbb

#e30512

Recommended Course:

Frontend Masters offers a completely free "Getting Started With CSS" course.

Resources:

Create a anchor linkFixed PositioningPractical CSS Scroll Snapping

Up for a challenge?

Create the full-page scroll background transitions & anchor link.

Too easy?

Make it mobile responsive. You'll notice there is no full-page scroll on smaller screens.

Too hard?

That's ok!
View other projects

Reference image