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.

I and Jason are currently working on implementing the CSS `polygon() round` keyword in Chrome. This is one of my favorite CSS features! Thanks to Lea Verou, PhD for bringing it to CSS. The CodePen link is coming soon.

一丝

4,288 subscribers

32,865 views • 3 months 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

It took 40 minutes and 0 tears to create this toggle 😛 Just CSS and HTML. Link to CodePen in comments 👇

It took 40 minutes and 0 tears to create this toggle 😛 Just CSS and HTML. Link to CodePen in comments 👇

Viki ✨

342,932 views • 2 years ago

A 🔥 browser extension every CSS developer must have. CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇

A 🔥 browser extension every CSS developer must have. CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇

Shefali

29,340 views • 1 year ago

One of the most underrated CSS props is definitely scroll snapping, it feels insane to me that these carousels are possible with CSS alone 🤯 This just went live on AtoBeach - meaning gesture support now works! 🥳

One of the most underrated CSS props is definitely scroll snapping, it feels insane to me that these carousels are possible with CSS alone 🤯 This just went live on AtoBeach - meaning gesture support now works! 🥳

Charlie J

61,369 views • 3 months ago

An awesome CSS trick is to use :hover on the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻

An awesome CSS trick is to use :hover on the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻

David Mráz

16,879 views • 1 year ago

CSS shape() is now Baseline Newly Available → The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().

CSS shape() is now Baseline Newly Available → The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().

Chrome for Developers

24,796 views • 3 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

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):

Alvaro Cintas

303,511 views • 2 years ago

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 • 3 months ago

it's finally time... this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible the fun part? it's a pure-css game, meaning it has zero javascript or server-side code. have fun!

it's finally time... this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible the fun part? it's a pure-css game, meaning it has zero javascript or server-side code. have fun!

Rebane

128,694 views • 1 year ago

CSS Clamp function 🌟 -> clamp() is a function in CSS that provides a concise way for combining both the min() and max() functions. ⚠ Note: This can be achieved by this also - min(100px, max(50%, 200px))

CSS Clamp function 🌟 -> clamp() is a function in CSS that provides a concise way for combining both the min() and max() functions. ⚠ Note: This can be achieved by this also - min(100px, max(50%, 200px))

Prasenjit

78,754 views • 1 year ago

2020: All I need to learn is HTML, CSS, and JavaScript, some backend, and get a good job. Tech is the future. 2026:

2020: All I need to learn is HTML, CSS, and JavaScript, some backend, and get a good job. Tech is the future. 2026:

JNS

21,825 views • 4 months ago

Put together this little demo for the introduction module in this new "Tailwind CSS by Example" course I'm working on. Succinctly covers all of the fundamental elements of building things with Tailwind in one example 👍 Excited to get back in the studio and hit record 🎬

Put together this little demo for the introduction module in this new "Tailwind CSS by Example" course I'm working on. Succinctly covers all of the fundamental elements of building things with Tailwind in one example 👍 Excited to get back in the studio and hit record 🎬

Adam Wathan

28,667 views • 11 months ago

I used ChatGPT to create the Matrix in 49 lines of HTML/CSS/JS. Hard to believe this took just 5 mins.

I used ChatGPT to create the Matrix in 49 lines of HTML/CSS/JS. Hard to believe this took just 5 mins.

Chris Stanchak

60,125 views • 2 years ago

Probably the most annoying thing for me in animations / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)

Probably the most annoying thing for me in animations / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)

Dima Belyaev

27,653 views • 7 months ago

TIL multiple CSS transform functions of the same type are additive. I used it to add a turbulence effect that doesn't overwrite existing or in-progress transforms.

TIL multiple CSS transform functions of the same type are additive. I used it to add a turbulence effect that doesn't overwrite existing or in-progress transforms.

Delba

67,911 views • 1 year ago

Added three new buttons to my library among 22 other buttons. Made in Webflow using custom CSS. Maybe we can make it a Free Button Friday thing but I can't do it alone 👀 It's a cloneable. Link is in the comments.

Added three new buttons to my library among 22 other buttons. Made in Webflow using custom CSS. Maybe we can make it a Free Button Friday thing but I can't do it alone 👀 It's a cloneable. Link is in the comments.

Eduard Bodak

15,627 views • 1 year ago

Many said it would be nearly impossible to recreate on the web. Well, I did it using CSS filters and a displacement map – works super fast in any browser

Many said it would be nearly impossible to recreate on the web. Well, I did it using CSS filters and a displacement map – works super fast in any browser

Mike Bespalov

255,483 views • 1 year ago

To all the devs telling me my button style was impossible to build with code. I did it in Webflow in 10 minutes using only HTML/CSS. No SVGs.

To all the devs telling me my button style was impossible to build with code. I did it in Webflow in 10 minutes using only HTML/CSS. No SVGs.

Brett

132,352 views • 1 year ago

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.

Tushar

12,555 views • 2 years ago

Now that my computer is fixed, I'm back to working on Frontiers Unlimited and wow, I forgot how satisfying the badnik bounce is to pull off. Gotta be one of my top 3 favorite features we added to the mod

Now that my computer is fixed, I'm back to working on Frontiers Unlimited and wow, I forgot how satisfying the badnik bounce is to pull off. Gotta be one of my top 3 favorite features we added to the mod

Proto arts

17,710 views • 8 months ago