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

423,485 subscribers

14,978 views • 1 month 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,782 views • 6 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,338 views • 2 months 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,267 views • 4 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 • 3 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 • 11 months ago

A major new feature of the SAROS: Zenith update is a boss rush mode known as Overlord Rush. Players race to quickly dispatch the powerful Overlords from the main game back-to-back, competing with friends and players around the world on an integrated leaderboard.

A major new feature of the SAROS: Zenith update is a boss rush mode known as Overlord Rush. Players race to quickly dispatch the powerful Overlords from the main game back-to-back, competing with friends and players around the world on an integrated leaderboard.

Housemarque

67,180 views • 11 days 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,111 views • 2 years 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,420 views • 2 months 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,782 views • 9 months ago

Artifact is expanding beyond articles! Starting today, you can share any link from the web that’s interesting to you and view a personalized feed of links based on your interests — broadening what’s possible to discover with Artifact’s AI. Learn more in our post, linked in🧵

Artifact is expanding beyond articles! Starting today, you can share any link from the web that’s interesting to you and view a personalized feed of links based on your interests — broadening what’s possible to discover with Artifact’s AI. Learn more in our post, linked in🧵

ARTIFACT

67,756 views • 3 years 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

297,105 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,101 views • 3 months ago

CHATGPT STILL CAN’T BUILD SITES THAT LOOK LIKE THIS Only Claude is building websites that actually feel expensive right now. Scroll through the clip. Particle systems. Liquid transitions. Cinematic depth. Every frame feels like a high-budget trailer. Claude produces this level of motion and atmosphere. ChatGPT still outputs flat layouts and basic interactions that look dated the moment they load. The gap is no longer small. One model delivers premium digital experiences. The other still struggles to clear “clean and modern.” Agencies and freelancers who switched already charge more and deliver faster. The ones still prompting the wrong model keep losing the high-ticket clients.

CHATGPT STILL CAN’T BUILD SITES THAT LOOK LIKE THIS Only Claude is building websites that actually feel expensive right now. Scroll through the clip. Particle systems. Liquid transitions. Cinematic depth. Every frame feels like a high-budget trailer. Claude produces this level of motion and atmosphere. ChatGPT still outputs flat layouts and basic interactions that look dated the moment they load. The gap is no longer small. One model delivers premium digital experiences. The other still struggles to clear “clean and modern.” Agencies and freelancers who switched already charge more and deliver faster. The ones still prompting the wrong model keep losing the high-ticket clients.

Romario

94,743 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,859 views • 3 months 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

176,154 views • 2 months ago

The world is watching! It is so surreal to see #KRYSTON taking over the iconic MOA Globe. From every angle—EDSA, North, South, and the Mall—we are officially lighting up the Manila skyline! Huge thanks to everyone who has been part of this journey. We aren’t just reaching for the stars; we’re making our mark on the world. Which view is your favorite? KRYSTON INVADES MOA GLOBE #KrystalMejes Krystal Mejes | #AntonVinzon

The world is watching! It is so surreal to see #KRYSTON taking over the iconic MOA Globe. From every angle—EDSA, North, South, and the Mall—we are officially lighting up the Manila skyline! Huge thanks to everyone who has been part of this journey. We aren’t just reaching for the stars; we’re making our mark on the world. Which view is your favorite? KRYSTON INVADES MOA GLOBE #KrystalMejes Krystal Mejes | #AntonVinzon

KRYSTON OFFICIAL

21,974 views • 6 months 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 • 1 year 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,228 views • 11 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 • 9 months ago

⚡ Product Update: Market Resolution is now transparent from proposal to final outcome. On the new Resolution page, you can: • Track proposed outcomes and dispute windows • Follow disputes under committee review • Challenge an incorrect or premature resolution by staking OPN • View finalized outcomes and claim eligible rewards Every outcome. Every challenge. Every final decision — all in one place.

⚡ Product Update: Market Resolution is now transparent from proposal to final outcome. On the new Resolution page, you can: • Track proposed outcomes and dispute windows • Follow disputes under committee review • Challenge an incorrect or premature resolution by staking OPN • View finalized outcomes and claim eligible rewards Every outcome. Every challenge. Every final decision — all in one place.

Opinion ⁒

11,917 views • 1 month ago