In this sixth episode of “Unleash the Power of Scroll-Driven Animations”, show host Bramus teaches you how to add dynamic scroll shadow indicators to visually signal scrollable content.
These indicators appear and disappear as you scroll, and are only injected if the box can actually scroll. This “can scroll” detection is also done using Scroll-Driven Animations,
Chapters:
0:00 – Intro
0:45 – Injecting the shadows
0:57 – Animating the shadows
2:27 – Detecting if an element can scroll or not
3:42 – Outro
Resources:
Demo: Scroll Shadows (CSS) → https://goo.gle/4dheiWY
Article: Space Toggle → https://goo.gle/space-toggle
Check out more Scroll-Driven Animations Demos → https://goo.gle/scroll-driven-animations-demos
Watch more Unleash the Power of Scroll-Driven Animations → https://goo.gle/SDA
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#CSS #ScrollDrivenAnimations #Animation #chrome
Speaker: Bramus Van Damme