Leverage Scroll-Driven Animations + a Space Toggle or State Query to selectively style an element based on it being scrollable or not.
Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
Search results for: scroll-driven-animations
Scroll-Driven Animations Debugger (DevTools Extension)
Scroll-Driven Animations and View Transitions (2023.06.09 @ CSS Day)
CrBug Release Indicator
A Chrome extension that decorates commits on the Chromium Bug Tracker with the Chrome release number they are included in.
Solved by CSS Scroll-Driven Animations: A :snapped selector
(Ab)using Scroll-Driven Animations to apply styles on elements that are snapped within their scroll-snapping enabled ancestor scroller.
Synchronize videos, 3D-models, etc. to Scroll-Driven Animations
With a little bit of JavaScript, you can control 3D models and videos using Scroll-Driven Animations
Creating Scroll-Triggered Animations by combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions
When you combine Scroll-Driven Animations with Custom Properties, Style Queries, and Transitions you hack your way into creating Scroll-Triggered Animations.
What’s new in web animations (Google I/O 2023)
Scroll-Linked Animations with ScrollTimeline and ViewTimeline
🚨 UPDATE: The Scroll-Linked Animations Specification and its proposed syntax have undergone a major rewrite. The contents of this video are mostly correct, yet some minor things have changed. Please refer to https://developer.chrome.com/articles/scroll-driven-animations/ for an article and examples that use the latest version of the syntax. In the latest episode of HTTP 203 I share …
Continue reading “Scroll-Linked Animations with ScrollTimeline and ViewTimeline”
The Future of CSS: Detect at-rule support with @supports at-rule(@keyword)
Using the at-rule() function we’ll soon be able to detect support for at-rules and their descriptors.