🟢New to the web platform in April
@rachelandrew #contrast-color() now Baseline
#Scrolldriven animation range properties now Baseline
The
#ariaNotify() method
Auto sizes for
#lazyloaded images
Element-scoped
#ViewTransitionsCSS border-shape
#SVG <textPath>
++
https://web.dev/blog/web-platform-04-2026?hl=en
Scroll-Driven & Fixed – Frontend Masters Boost
It's quite fun to have an element react to another element scrolling in an unexpected way!
Stylish holidays! Creating a scroll-driven Christmas tree in CSS | utilitybend
Combining anchoring, scroll-driven animations, container style queries, offset-path, and @property to create my yearly CSS Christmas card. Happy holidays!
Unleash the power of Scroll-Driven Animations
✪ Synchronize videos, 3D-models, etc. to Scroll-Driven Animations
by
@bramus (Needs a browser with Scroll-Driven Animations support. Uses `Animation.progress` when available or falls back to some extra code to get the progress)
#webdev #ScrollDriven #animation https://www.bram.us/2023/06/21/synchronize-videos-3d-models-to-scroll-driven-animations/
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
Scroll-Driven… Sections – Frontend Masters Boost
If you're creating a scroll-driven animation and the goal is
pablolarah
