Incredible scroll-based animations with CSS-only

Been playing with them a little bit up until now, and it's finally time time for a deep dive into scroll-timeline and the scroll() and view() value functions. In this one I look at a few different effects, like a scroll watcher, fading in images as they enter the viewport, moving elements...

Intermediate - 32 min - Software & IT - Kevin Powell

The full course: Learn HTML & CSS free

What you'll need

• Laptop stand: Screen at eye level for long study sessions.
• Noise-cancelling headphones: Focus through long video lessons.
• Second monitor: Video on one screen, practice on the other.
• Wireless keyboard and mouse: Comfortable for hours of typing.

Books

1. HTML and CSS by Jon Duckett - View on Amazon
2. CSS: The Definitive Guide by Eric A. Meyer - View on Amazon
3. Head First HTML and CSS by Elisabeth Robson - View on Amazon
4. Don't Make Me Think by Steve Krug - View on Amazon
5. Learning PHP, MySQL & JavaScript by Robin Nixon - View on Amazon

Next lessons

• HTML Crash Course For Absolute Beginners (61 min, Traversy Media, Beginner)
• HTML & CSS Full Course for free 🌎 (243 min, Bro Code, Intermediate)
• HTML Tutorial for Beginners: HTML Crash Course (70 min, Programming with Mosh, Beginner)
• Learn CSS in 1 hour 🎨 (60 min, Bro Code, Intermediate)
• Learn HTML in 1 hour 🌎 (60 min, Bro Code, Intermediate)
• CSS Crash Course For Absolute Beginners (85 min, Traversy Media, Beginner)
• HTML and CSS Tutorial for 2021 - COMPLETE Crash Course! (138 min, DesignCourse, Beginner)
• Learn CSS Grid the easy way (37 min, Kevin Powell, Beginner)