Web Development - HTML, CSS Scroll Animations from Scratch

Опубликовано: 27 Август 2026
на канале: Web Developer Blog
60,105
3.1k

Website layout doesn't just end with writing tags. To make the site more engaging for the user, animations are added. HTML CSS animations are now available, and you can create them from scratch. Website layout with animations is actually very simple; you can create interesting CSS animation effects yourself. I'll demonstrate HTML CSS animations in this video. We'll also show you a library for scrolling animations. Finally, we'll take a regular website, and I'll show you how to create scrolling animations on any website from scratch, even if you're a beginner.

What can be animated - https://developer.mozilla.org/en-US/d...
Animation examples - https://projects.verou.me/animatable/

0:00 - Website layout animation
0:33 - HTML and CSS animations from scratch for beginners
3:59 - CSS animation properties
5:30 - CSS animation examples
6:20 - Interesting animation example
10:05 - Scroll animation library
11:00 - Adding animation to the website