After 12 years, Scroll-Driven Animations are officially Baseline Newly Available 🎉 Pure CSS scroll-driven animations work across every major browser engine! Celebrate this milestone with our animated timeline tracing the feature's history since 2014 → goo.gle/3Urm9fT
Scroll-driven Animations: The Road to Baseline Newly Available (CSS)
This scrolled timeline traces the 12-year journey of Scroll-Driven Animations from the earliest proposal in September 2014 to becoming Baseline Newly Available in October 2026 with the release of Firefox 159.
Carousels with CSS | Blog | Chrome for Developers
Support scroll experiences with navigation buttons and markers with just a few lines of CSS.
Animating and Compositing | Web Browser Engineering
Complex web applications use animations when transitioning between states. These animations help users understand the state change and they improve visual polish by replacing sudden jumps with gradual changes. But to execute these animations smoothly, the browser must minimize time in each animation frame, using GPU acceleration to speed up visual effects and compositing to minimize rendering work.
Native-Like Animations for Page Transitions on the Web | CSS-Tricks
Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile
CSS Scroll Snap | 12 Days of Web
Tips, tricks and grab-n-go demos for elegant and well-orchestrated scroll experiences.
Adding Visual Effects | Web Browser Engineering
Right now our browser can only draw colored rectangles and text—pretty boring! Real browsers support all kinds of visual effects that change how pixels and colors blend together. To implement those effects, and also make our browser faster, we’ll need control over surfaces, the key low-level feature behind fast scrolling, visual effects, animations, and many other browser capabilities. To get that control, we’ll also switch to using the Skia graphics library and even take a peek under its hood.
Announcing Supporters of Chromium-based Browsers
Since Google announced the Chromium project in 2008, we have been excited to build on the great foundations of open-source web browsers and contribute to the continued d…
Scroll-Enhanced Experiences | Carmen Ansio | CSS Day 2024
Homepage
Supported by Webflow. Animate Anything - A wildly robust JavaScript animation library built for professionals.
Homepage
Supported by Webflow. Animate Anything - A wildly robust JavaScript animation library built for professionals.
Bringing Microsoft Internet Explorer’s proprietary “Interpage Transitions” back to Modern Browsers using the View Transition API
Back in late 2024, I started working on a fun end-of-year side project named ie-page-transitions. It”s a CSS + JS library that brings back Microsoft Internet Explorer’s proprietary “Interpage Transitions” to modern browsers, powered by the View Transition API. After sitting unfinished for a while, I finally got all 23 classic effects over the finish line and published the project on page-transitions.style.
Bringing Microsoft Internet Explorer’s proprietary “Interpage Transitions” back to Modern Browsers using the View Transition API
Back in late 2024, I started working on a fun end-of-year side project named ie-page-transitions. It”s a CSS + JS library that brings back Microsoft Internet Explorer’s proprietary “Interpage Transitions” to modern browsers, powered by the View Transition API. After sitting unfinished for a while, I finally got all 23 classic effects over the finish line and published the project on page-transitions.style.
View Transitions API | 12 Days of Web
Providing a native API for animated page and element transitions.
Make accessible carousels | Blog | Chrome for Developers
How the features in CSS Overflow 5 can help you create more accessible carousel patterns.
