| View Transitions Applied: More Performant “::view-transition-group(*)” Animations (bra/bra) | | 75 |
| css, javascript, performance |
| MPA View Transitions Deep Dive (bra+) | | 74 |
| deep-dives, videos, css, multi-page-apps |
| 6 CSS Snippets Every Front-End Developer Should Know in 2025 (arg) | | 73 |
| css, functions, animations, gradients, effects |
| Revealed: React’s Experimental Animations API (cit) | | 72 |
| react, animations, apis |
| Relatively New Things You Should Know About HTML Heading Into 2025 (chr/fro) | | 71 |
| html, forms, toggles, pop-overs, javascript, import-maps, css |
| View Transitions Snippets: Getting All Animations Linked to a View Transition (bra/bra) | | 70 |
| javascript, css, apis |
| The Future of CSS: Construct “<custom-ident>” and “<dashed-ident>” Values With “ident()” (bra/bra) | | 69 |
| css, functions |
| Re-Imagine the Web With View Transitions (bra/bra) | | 68 |
| css |
| Animating Entry Effects (ty/5t3) | | 67 |
| css, animations, effects |
| Smooth Multi-Page Experiences With Just a Few Lines of CSS (joh/mat) | | 66 |
| css, effects |
| Modern CSS for Sites: View Transitions, Scroll Effects, and More (arg/dev) | | 65 |
| videos, css, scrolling, effects |
| View Transitions API: Single Page Apps Without a Framework (uma/deb) | | 64 |
| apis, single-page-apps, css |
| View Transitions Staggering (chr/fro) | | 63 |
| css, effects, pug |
| Fanout With Grid and View Transitions (chr/fro) | | 62 |
| css, layout, grids, effects |
| CSS Stuff I’m Excited After the Last CSSWG Meeting (mon/css) | | 61 |
| css, functions, anchor-positioning |
| Misconceptions About View Transitions (bra/dev) | | 60 |
| css, apis |
| Simplest View Transitions Multi Page Demo (No JavaScript) (mor) | | 59 |
| css, apis, examples |
| One of the Boss Battles of CSS Is Almost Won! Transitioning to “auto” (chr/fro) | | 58 |
| css, functions, animations |
| Stunning Staggered CSS Animation/Transition on Page Load (zor/css) | | 57 |
| videos, css, animations |
| Transition to “height: auto;” and “display: none;” Using Pure CSS (zor/css) | | 56 |
| videos, css |
| The Times You Need a Custom “@ property” Instead of a CSS Variable (rps/sma) | | 55 |
| css, custom-properties, animations |
| If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el) | | 54 |
| videos, css, animations |
| The View Transitions API (cas/fro) | | 53 |
| apis, astro |
| My New Favorite CSS Trick: “will-change” (hig) | | 52 |
| css, animations, tips-and-tricks |
| View Transitions: Handling Aspect Ratio Changes (jaf) | | 51 |
| css |
| Making CSS View Transitions Easy With Velvette (nom/cod) | | 50 |
| css, tooling |
| The View Transitions API and Delightful UI Animations II (cod/sma) | | 49 |
| css, animations, apis |
| The View Transitions API and Delightful UI Animations (cod/sma) | | 48 |
| css, animations, apis |
| View Transitions (hui/5t3) | | 47 |
| css, javascript |
| View Transitions and Stacking Context: Why Does My CSS View Transition Ignore “z-index”? | | 46 |
| css, positioning, animations |
| Complex MPA View Transitions (tyl) | | 45 |
| multi-page-apps, css |
| Transition Animations: A Practical Guide (dqd) | | 44 |
| guides, animations, interaction-design |
| View Transition Debugging (jaf) | | 43 |
| videos, apis, debugging |
| What Is the View Transitions API and How to Use It With Meta Frameworks (moj/bej) | | 42 |
| apis, frameworks, support |
| View Transitions Break Incremental Rendering (eee) | | 41 |
| apis, rendering |
| An Introduction to the View Transitions API (cra/sit) | | 40 |
| introductions, css, apis |
| Transition Between Pages Smoothly With a Single Line of Code (cit) | | 39 |
| css |
| Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra/bra) | | 38 |
| css, animations, scrolling, custom-properties, container-queries |
| Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css) | | 37 |
| videos, css, scrolling, animations |
| Watch Transitions in Slow Motion in Chrome’s DevTools (jim) | | 36 |
| dev-tools, browsers, google, chrome |
| Getting Started With View Transitions on Multi-Page Apps (dav) | | 35 |
| css, multi-page-apps, introductions |
| Rearrange/Animate CSS Grid Layouts With the View Transition API (bra/bra) | | 34 |
| css, grids, layout, apis |
| The Simple Trick to Transition From Height “0” to “auto” With CSS (kev) | | 33 |
| videos, css, tips-and-tricks |
| Animating the Impossible (cas/btc) | | 32 |
| videos, animations |
| Transition To and From “display: none” With Upcoming CSS Capabilities (una) | | 31 |
| videos, css |
| Expanding Grid Cards With View Transitions (chr) | | 30 |
| css, grids |
| View Transitions API: Creating Smooth Page Transitions (sta) | | 29 |
| apis |
| SPA View Transitions Land in Chrome 111 (jaf/dev) | | 28 |
| apis, release-notes, browsers, google, chrome |
| Ten Tips for Better CSS Transitions and Animations (col) | | 27 |
| css, animations, tips-and-tricks |
| Understanding Easing and Cubic Bézier Curves in CSS (col) | | 26 |
| css, animations |
| How to Use View Transitions in Hotwire Turbo (bor/nej) | | 25 |
| how-tos, css, hotwire |
| View Transitions API (mrt/5t3) | | 24 |
| css, apis |
| Delightful UI Animations With Shared Element Transitions API II (cod/sma) | | 23 |
| javascript, animations, apis |
| Delightful UI Animations With Shared Element Transitions API (cod/sma) | | 22 |
| javascript, animations, apis |
| Create Complex Transitions With Individual CSS Transform Properties (zor/css) | | 21 |
| videos, css |
| Bringing Page Transitions to the Web (jaf/dev) | | 20 |
| videos, css |
| Mastering CSS Transitions With React 18 (eny/ope) | | 19 |
| css, react |
| Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css) | | 18 |
| css, custom-properties, complexity |
| An Interactive Guide to CSS Transitions (jos) | | 17 |
| guides, css |
| CSS Transitions in Vue.js and Nuxt.js (tim/sma) | | 16 |
| vuejs, nuxt, css |
| Upgrading CSS Animation With Motion Curves (nas/sma) | | 15 |
| css, animations, techniques |
| Using Multi-Step Animations and Transitions (geo/css) | | 14 |
| css, animations, examples |
| You Can Do That With CSS? (sco/sit) | | 13 |
| css, forms, layout |
| Understanding the CSS3 “transition-timing-function” Property (sma) | | 12 |
| css, animations |
| CSS3 Transition Property Basics (cra/sit) | | 11 |
| css, examples, fundamentals |
| The Definitive Guide to CSS Transitions (sit) | | 10 |
| guides, css |
| 5 Extremely Useful But Rarely-Used CSS3 Properties (sit) | | 9 |
| css, backgrounds, colors, shadows |
| All You Need to Know About CSS Transitions (mac) | | 8 |
| css, javascript, jquery |
| Why Transitions Are Important (sma) | | 7 |
| design, interaction-design |
| Understanding CSS3 Transitions (sim/ali) | | 6 |
| css |
| Better Usability in 5 Minutes (lea) | | 5 |
| usability, buttons, tables |
| CSS Gradients, Transforms, Animations, and Masks (sen/sit) | | 4 |
| css, gradients, transforms, animations, masking |
| CSS Linear Easing Generator (jaf) | | 3 |
| tools, exploration, code-generation, css, animations |
| CSS Spring Easing Generator (kg) | | 2 |
| tools, exploration, code-generation, css, animations |
| CSS Cubic Bézier Curve Generator (lea) | | 1 |
| tools, exploration, code-generation, css |
