Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Modern CSS and HTML APIs are making web layouts incredibly powerful. From declarative scroll-triggered animations to element-scoped view transitions, the platform is expanding. Catch up on every major feature update →

Chrome for Developers

421,268 subscribers

14,691 views • 11 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Chrome 146 is stable 🚀 We’re shipping features that move more logic out of your JavaScript and into the browser → ✨ Scroll-triggered animations (declarative CSS!) 🛡️ The Sanitizer API for XSS-free apps 🧩 Scoped custom element registries

Chrome 146 is stable 🚀 We’re shipping features that move more logic out of your JavaScript and into the browser → ✨ Scroll-triggered animations (declarative CSS!) 🛡️ The Sanitizer API for XSS-free apps 🧩 Scoped custom element registries

Chrome for Developers

35,752 views • 4 months ago

Who said range sliders need to be straight and boring?! Hey CSS, distort the line! 〰️ Another funny demo powered by border-shape, scroll-driven animations, and more The HTML code? Only an input element (no extra code is needed)

Who said range sliders need to be straight and boring?! Hey CSS, distort the line! 〰️ Another funny demo powered by border-shape, scroll-driven animations, and more The HTML code? Only an input element (no extra code is needed)

CSS by T. Afif

32,207 views • 1 month ago

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO

Chrome for Developers

12,135 views • 2 months ago

Are those … CSS Scroll-Driven Animations on in Safari? Yes they are! What made this possible is a polyfill our team has been working on: Load up the polyfill JS file and … that’s it - there is no other step.

Are those … CSS Scroll-Driven Animations on in Safari? Yes they are! What made this possible is a polyfill our team has been working on: Load up the polyfill JS file and … that’s it - there is no other step.

Bramus

42,676 views • 2 years ago

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

Leander Herzog

11,484 views • 10 months ago

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

jhey ʕ•ᴥ•ʔ

113,073 views • 2 years ago

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion as the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Una 🇺🇦

38,727 views • 7 months ago

The final major content update for Vagrus is now live on GOG, completing Kharandar's Expedition and making Vagrus feature complete. A heartfelt thank you to GOG.COM for supporting us and helping us bring the Riven Realms to players over the years. ❤️

The final major content update for Vagrus is now live on GOG, completing Kharandar's Expedition and making Vagrus feature complete. A heartfelt thank you to GOG.COM for supporting us and helping us bring the Riven Realms to players over the years. ❤️

Vagrus - New Expansion OUT NOW!

29,318 views • 25 days ago

Introducing our new ✨View As✨ feature! Just click the three dots on any post to peek through your fans' eyes. Perfect for tweaking your vibe and ensuring your feed is looking good from every angle.

Introducing our new ✨View As✨ feature! Just click the three dots on any post to peek through your fans' eyes. Perfect for tweaking your vibe and ensuring your feed is looking good from every angle.

Fansly

295,985 views • 2 years ago

Hell yeah! The FIFA World Cup is bringing the entire world straight to America, and the best part? Fans and players from every corner of the globe are lining up hoping to catch a glimpse of President Trump. Nothing says “making the American experience legendary” like seeing the greatest President of our lifetime during the biggest sporting event on Earth. This is what winning looks like, folks. America is BACK!

Hell yeah! The FIFA World Cup is bringing the entire world straight to America, and the best part? Fans and players from every corner of the globe are lining up hoping to catch a glimpse of President Trump. Nothing says “making the American experience legendary” like seeing the greatest President of our lifetime during the biggest sporting event on Earth. This is what winning looks like, folks. America is BACK!

Gunther Eagleman™

57,055 views • 1 month ago

Something major is quietly brewing behind the scenes at Dreamina. 🚀 A leaked screenshot currently circulating through exclusive AI creator channels appears to reveal an unreleased Seedance model sitting directly inside the workspace interface. Are we finally looking at the elusive Dreamina Seedance 2.0 mini? 👀 We do not have official confirmation just yet, but the heavy industry speculation from the last few weeks suddenly looks incredibly credible today. If these details hold up, every single AI video creator on this platform is going to want to track this closely. 🎥⚡ #dreamina #dreaminaseedance2mini

Something major is quietly brewing behind the scenes at Dreamina. 🚀 A leaked screenshot currently circulating through exclusive AI creator channels appears to reveal an unreleased Seedance model sitting directly inside the workspace interface. Are we finally looking at the elusive Dreamina Seedance 2.0 mini? 👀 We do not have official confirmation just yet, but the heavy industry speculation from the last few weeks suddenly looks incredibly credible today. If these details hold up, every single AI video creator on this platform is going to want to track this closely. 🎥⚡ #dreamina #dreaminaseedance2mini

Ezra

10,831 views • 1 month ago

THIS GUY GOT SICK OF UK TRAIN STATIONS HIDING THE PLATFORM NUMBER UNTIL THE LAST SECOND, SO HE VIBE CODED AN APP THAT PREDICTS IT BEFORE THEY REVEAL IT if youve ever stood in a crowded station like london euston, you know the pain the platform stays hidden until 15 minutes before boarding, then it flashes up and hundreds of people sprint for the same gate so he built something that fixes this: > a clean departures and arrivals app pulling live data straight from the network rail apis > live train tracking so you can watch where your train actually is on the route and whether its running on time > the main feature is a predictive engine that guesses your platform before the station reveals it, and its right about 75% of the time heres how it predicts: every time a train finishes its journey, it logs which platform it actually pulled into and compares that to the platform network rail originally advertised it saves every one of those comparisons, and over time it builds up enough history to predict the platform with a real confidence score he built the whole thing with claude, mostly opus with some fable

THIS GUY GOT SICK OF UK TRAIN STATIONS HIDING THE PLATFORM NUMBER UNTIL THE LAST SECOND, SO HE VIBE CODED AN APP THAT PREDICTS IT BEFORE THEY REVEAL IT if youve ever stood in a crowded station like london euston, you know the pain the platform stays hidden until 15 minutes before boarding, then it flashes up and hundreds of people sprint for the same gate so he built something that fixes this: > a clean departures and arrivals app pulling live data straight from the network rail apis > live train tracking so you can watch where your train actually is on the route and whether its running on time > the main feature is a predictive engine that guesses your platform before the station reveals it, and its right about 75% of the time heres how it predicts: every time a train finishes its journey, it logs which platform it actually pulled into and compares that to the platform network rail originally advertised it saves every one of those comparisons, and over time it builds up enough history to predict the platform with a real confidence score he built the whole thing with claude, mostly opus with some fable

Om Patel

175,724 views • 29 days ago

Kicking off this week strong. With another healthy update to the app. Profiles 👤 - View what beliefs someone believes in - View beliefs created - View activity (buy/sell) This makes it easier to explore profiles and discover activity and new creations on profiles. If you notice the page is slightly unbalanced that is because there is something temporarily missing from the right hand side which will soon be added. Another feature to profiles which will enhance the entire app😉 More v exciting updates soon ✨

Kicking off this week strong. With another healthy update to the app. Profiles 👤 - View what beliefs someone believes in - View beliefs created - View activity (buy/sell) This makes it easier to explore profiles and discover activity and new creations on profiles. If you notice the page is slightly unbalanced that is because there is something temporarily missing from the right hand side which will soon be added. Another feature to profiles which will enhance the entire app😉 More v exciting updates soon ✨

Joseph Smith

113,291 views • 10 months ago

M E S S I E R | P2P Exchange Let’s zoom in on another feature coming to the platform as part of the upcoming upgrade. 🔎 Chain-Agnostic Withdrawals We are removing one of the biggest blockers in cross-chain #DeFi: withdrawal friction. With chain-agnostic withdrawals, users will be able to choose where they want to receive their funds, regardless of which chain the original swap happened on. No bridges. No conversions. No extra steps. For example, a user might swap $USDT on Ethereum but prefer to receive it on Solana or BNB Chain. This feature is part of the upcoming major platform update. Everything mentioned in this series will go live together. We are building toward a chain-flexible #P2P trading experience that keeps users fully in control from start to finish. Simple. Fast. Built for real usage.

M E S S I E R | P2P Exchange Let’s zoom in on another feature coming to the platform as part of the upcoming upgrade. 🔎 Chain-Agnostic Withdrawals We are removing one of the biggest blockers in cross-chain #DeFi: withdrawal friction. With chain-agnostic withdrawals, users will be able to choose where they want to receive their funds, regardless of which chain the original swap happened on. No bridges. No conversions. No extra steps. For example, a user might swap $USDT on Ethereum but prefer to receive it on Solana or BNB Chain. This feature is part of the upcoming major platform update. Everything mentioned in this series will go live together. We are building toward a chain-flexible #P2P trading experience that keeps users fully in control from start to finish. Simple. Fast. Built for real usage.

MESSIER | M87

34,207 views • 9 months ago

Zap just got a full redesign ✨ - New watchlist feature - Share button on every coin - New Home and Wallet tabs - Cleaner more modern design - Added Rate Zap option in settings - New gainers and losers categories - View coin prices not just market caps - See the exact token amounts you hold - Added a spotlight section for $DOG and $PUPS - Added website, X, and Telegram links to every coin A huge thank you to everyone who shared feedback 🩵 More exciting updates are on the way!

Zap just got a full redesign ✨ - New watchlist feature - Share button on every coin - New Home and Wallet tabs - Cleaner more modern design - Added Rate Zap option in settings - New gainers and losers categories - View coin prices not just market caps - See the exact token amounts you hold - Added a spotlight section for $DOG and $PUPS - Added website, X, and Telegram links to every coin A huge thank you to everyone who shared feedback 🩵 More exciting updates are on the way!

Zap

30,160 views • 7 months ago

FABLE 5 + HIGGSFIELD JUST KILLED THE $35,000 WEB AGENCY. The same animated website that used to cost between $6,000 and $35,000 can now be built in a single session for around $12 in AI credits. Claude Code handles the website. Higgsfield creates the visuals. Together, they can build a complete scroll-driven website from a simple prompt. Claude writes the layout, GSAP ScrollTrigger animations, Lenis smooth scrolling, responsive pages, and checks everything before you ship. Higgsfield generates the hero videos, cinematic transitions, ambient loops, thumbnails, and every visual asset you need. By the end of one session, you have a fully animated website with cinematic motion, smooth scrolling, optimized assets, responsive layouts, and polished visual effects like film grain, particles, vignette, glass cards, and color tints. Getting started only takes a few minutes. Add Higgsfield as an MCP server inside Claude Code, complete the OAuth login once, and Claude can generate and pull videos directly into your project without manually exporting anything. The prompts are simple. Give Claude your project brief and ask it to script the entire scroll experience. Tell it to generate a hero video and supporting clips for every section. Ask it to add the finishing touches like film grain, particles, glass cards, and scroll pacing. Then let it review the site, improve loading speed, fix mobile layouts, and rewrite anything that doesn’t work. This replaces work that usually looks like this: A $6,000-$35,000 web agency. An $800-$2,000 motion designer. A $2,000-$10,000 front-end developer. And weeks of back-and-forth before launch. Now it’s Fable 5, Higgsfield, a subscription, a few dollars in AI credits, and one session. The pipeline used to be the advantage. Now it’s just a prompt. Full breakdown in the article below.

FABLE 5 + HIGGSFIELD JUST KILLED THE $35,000 WEB AGENCY. The same animated website that used to cost between $6,000 and $35,000 can now be built in a single session for around $12 in AI credits. Claude Code handles the website. Higgsfield creates the visuals. Together, they can build a complete scroll-driven website from a simple prompt. Claude writes the layout, GSAP ScrollTrigger animations, Lenis smooth scrolling, responsive pages, and checks everything before you ship. Higgsfield generates the hero videos, cinematic transitions, ambient loops, thumbnails, and every visual asset you need. By the end of one session, you have a fully animated website with cinematic motion, smooth scrolling, optimized assets, responsive layouts, and polished visual effects like film grain, particles, vignette, glass cards, and color tints. Getting started only takes a few minutes. Add Higgsfield as an MCP server inside Claude Code, complete the OAuth login once, and Claude can generate and pull videos directly into your project without manually exporting anything. The prompts are simple. Give Claude your project brief and ask it to script the entire scroll experience. Tell it to generate a hero video and supporting clips for every section. Ask it to add the finishing touches like film grain, particles, glass cards, and scroll pacing. Then let it review the site, improve loading speed, fix mobile layouts, and rewrite anything that doesn’t work. This replaces work that usually looks like this: A $6,000-$35,000 web agency. An $800-$2,000 motion designer. A $2,000-$10,000 front-end developer. And weeks of back-and-forth before launch. Now it’s Fable 5, Higgsfield, a subscription, a few dollars in AI credits, and one session. The pipeline used to be the advantage. Now it’s just a prompt. Full breakdown in the article below.

MIKE

138,059 views • 21 days ago

Grok Build dropped another major update. At this point, keeping up with the changelog is becoming its own workout. New /jump command. New /timeline sidebar. Better terminal workflows. Fleet-wide enterprise controls. Cleaner edit summaries. More reliable login, rewind, voice, bash, and background tasks. Basically, the boring things are getting smoother and the powerful things are getting easier to reach. That's exactly what you want in a coding agent that people actually use every day. Grok xAI / Writer: Annette, Designer: Janné

Grok Build dropped another major update. At this point, keeping up with the changelog is becoming its own workout. New /jump command. New /timeline sidebar. Better terminal workflows. Fleet-wide enterprise controls. Cleaner edit summaries. More reliable login, rewind, voice, bash, and background tasks. Basically, the boring things are getting smoother and the powerful things are getting easier to reach. That's exactly what you want in a coding agent that people actually use every day. Grok xAI / Writer: Annette, Designer: Janné

Mario Nawfal

101,473 views • 16 days ago

NEW favorite artifact. I read this every morning to catch up on AI news from high-signal X accounts. It's an HTML artifact that curates X posts using the X MCP tools. Composed by my research agents. I have a daily automation that goes through curated X accounts and captures AI papers, projects, and more. I feel like this is closer to the "For You" feed that we all want. Happy to share the artifact and automation instructions if anyone thinks it would be useful for them.

NEW favorite artifact. I read this every morning to catch up on AI news from high-signal X accounts. It's an HTML artifact that curates X posts using the X MCP tools. Composed by my research agents. I have a daily automation that goes through curated X accounts and captures AI papers, projects, and more. I feel like this is closer to the "For You" feed that we all want. Happy to share the artifact and automation instructions if anyone thinks it would be useful for them.

elvis

49,591 views • 17 days ago