Loading video...

Video Failed to Load

Go Home

squircles feels nice. it's my first time trying the experimental css `corner-shape` property. you can just use in css `corner-shape: squircle` to make the squircles. had enough fun working on this control panel component. note: this is only support on "chromium" for now.

sorenblank's profile picture

Soren

7,163 subscribers

97,796 views • 6 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Squircles! In CSS! Work is underway to add corner-shape to CSS, which will give you control over a border-radius curve with superellipse() I build a little tool to visualize the possibilities
2:32

Squircles! In CSS! Work is underway to add corner-shape to CSS, which will give you control over a border-radius curve with superellipse() I build a little tool to visualize the possibilities

Wes Bos

31,135 views • 1 year ago

Updated my SVG-to-CSS converter to support multiple path elements. An easy way to convert complex SVG shapes into CSS. It's a single-element implementation with a single shape() value! You can also have the border-only version using border-shape.
0:34

Updated my SVG-to-CSS converter to support multiple path elements. An easy way to convert complex SVG shapes into CSS. It's a single-element implementation with a single shape() value! You can also have the border-only version using border-shape.

CSS by T. Afif

15,196 views • 3 months ago

Clay's transition API is starting to shape up. It's modeled on the simplicity of CSS transitions (i.e. just specify property, duration and tween function, the rest is automatic) but with the ability to override the tween function so you can do whatever you want, frame by frame.
0:22

Clay's transition API is starting to shape up. It's modeled on the simplicity of CSS transitions (i.e. just specify property, duration and tween function, the rest is automatic) but with the ability to override the tween function so you can do whatever you want, frame by frame.

Nic Barker

13,982 views • 11 months ago

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.
0:33

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.

Addy Osmani

36,911 views • 1 year 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!
0:20

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

SAVE this drill!! Start in the corner ➡️ sprint to other corner Make or miss, sprint to opposite corner You can't 'unlock' the wing until you make both corners. Same rules apply for wing, top of the key The goal is to complete it as fast as u can Comment "Shooter" for my drills
0:28

SAVE this drill!! Start in the corner ➡️ sprint to other corner Make or miss, sprint to opposite corner You can't 'unlock' the wing until you make both corners. Same rules apply for wing, top of the key The goal is to complete it as fast as u can Comment "Shooter" for my drills

Danny Cooper

11,167 views • 3 months ago

"How much longer are you going to wait to demand the best of yourself?" Epictetus asked. With 2026 right around the corner, now is the time. It's time to start making progress towards your goals, it's time to get in shape, it's time to lower your anxiety, it's time to deepen your relationships. To help you in that direction, sign up for the New Year, New You Challenge at
1:24

"How much longer are you going to wait to demand the best of yourself?" Epictetus asked. With 2026 right around the corner, now is the time. It's time to start making progress towards your goals, it's time to get in shape, it's time to lower your anxiety, it's time to deepen your relationships. To help you in that direction, sign up for the New Year, New You Challenge at

Ryan Holiday

18,768 views • 6 months ago

It's time to make the internet fun again. Say hello to memelab, now live on Sei! Create fun memes and have the option to mint them as NFTs for free, using assets from every corner of the ecosystem. Make your mark, one meme at a time.
0:30

It's time to make the internet fun again. Say hello to memelab, now live on Sei! Create fun memes and have the option to mint them as NFTs for free, using assets from every corner of the ecosystem. Make your mark, one meme at a time.

Sei

48,006 views • 1 year ago

DEAR LORD🙏🏿, Thank you for being there since my beginning. Thank you for the support and guidance in my life. I’m very fortunate to have you in my corner on this journey. LEXGH®️
0:38

DEAR LORD🙏🏿, Thank you for being there since my beginning. Thank you for the support and guidance in my life. I’m very fortunate to have you in my corner on this journey. LEXGH®️

LEXGH 🇬🇭

19,794 views • 2 years ago

oh gosh im so dumb! thanks jhey ʕ•ᴥ•ʔ! this is better ngl. in my prev impl i was trying to make the effect using css `translate-z` to create depth, perspective on container, and varied circle sizes. in this implementation, it uses 2D X/Y translation only. no Z-axis for the rings.
0:32

oh gosh im so dumb! thanks jhey ʕ•ᴥ•ʔ! this is better ngl. in my prev impl i was trying to make the effect using css `translate-z` to create depth, perspective on container, and varied circle sizes. in this implementation, it uses 2D X/Y translation only. no Z-axis for the rings.

Soren

143,654 views • 8 months ago

Jalin Hyatt says he had a "long talk" with Malik Nabers after his injury: "He's one of my best friends on this team. He's been in my corner, he's kind of seen the adversity I've been through. He just told me it's my chance, this is the time for me to do what I've got to do."
0:28

Jalin Hyatt says he had a "long talk" with Malik Nabers after his injury: "He's one of my best friends on this team. He's been in my corner, he's kind of seen the adversity I've been through. He just told me it's my chance, this is the time for me to do what I've got to do."

SNY Giants

469,971 views • 9 months ago

🐻‍❄️ V8 really means a lot to me. because this is the first time i’ve had the freedom to do music at this scale, and shape the planning and production more on my own terms. i learned so much through this project
0:44

🐻‍❄️ V8 really means a lot to me. because this is the first time i’ve had the freedom to do music at this scale, and shape the planning and production more on my own terms. i learned so much through this project

🎧

105,710 views • 29 days ago

See you in Orlando this weekend for the Moms for Liberty National Summit! I'll be on a panel with Alex Stein #99 talking about using humor to shape our culture. Get your tickets now!
0:24

See you in Orlando this weekend for the Moms for Liberty National Summit! I'll be on a panel with Alex Stein #99 talking about using humor to shape our culture. Get your tickets now!

Kaitlin Bennett

29,449 views • 9 months ago

The world was destroyed by the Lich's endless loop, it's time for you to rebuild it! #LoopHero, the cult roguelike RPG where you can shape your own adventure, is now available on #iOS and #Android! 🍎 🤖
1:10

The world was destroyed by the Lich's endless loop, it's time for you to rebuild it! #LoopHero, the cult roguelike RPG where you can shape your own adventure, is now available on #iOS and #Android! 🍎 🤖

Playdigious

29,936 views • 2 years ago

This is cool you can sell specific skins in vending machine! It's now working for the most part. Nice addition Ian Henderson
1:01

This is cool you can sell specific skins in vending machine! It's now working for the most part. Nice addition Ian Henderson

Protox

30,828 views • 2 months ago

The surest bet you can make is that a horse will die... With this year's Grand National just around the corner, Ben Newman explains why its time is up. Sign the petition to ban this deadly race for good: #animalrising #cancelthegrandnational
0:38

The surest bet you can make is that a horse will die... With this year's Grand National just around the corner, Ben Newman explains why its time is up. Sign the petition to ban this deadly race for good: #animalrising #cancelthegrandnational

Animal Rising

15,453 views • 2 years ago

Luma the moth is now public! time to glitter everywhere~ you can get this fella on my shop/patreon! thank you all for the support~ #vrchat #furry
1:40

Luma the moth is now public! time to glitter everywhere~ you can get this fella on my shop/patreon! thank you all for the support~ #vrchat #furry

BlueGua

44,553 views • 3 months ago

The "If People Only Knew" podcast is finally here! This is months in the making and I am so excited to share my podcast with you. This episode will just lay the groundwork for what to expect and I am actively working on publishing the first full length episode. I can't thank you guys enough for helping to make this happen! Cheers to so many more episodes🥂
4:46

The "If People Only Knew" podcast is finally here! This is months in the making and I am so excited to share my podcast with you. This episode will just lay the groundwork for what to expect and I am actively working on publishing the first full length episode. I can't thank you guys enough for helping to make this happen! Cheers to so many more episodes🥂

Anna Matson

14,694 views • 1 year ago

Jusuf Nurkic: When you're looking for the opportunity and feel wanted, it's definitely the most fun that I've had in a few years now. But it's just the support. I can't really stress enough how this organization is good.
0:55

Jusuf Nurkic: When you're looking for the opportunity and feel wanted, it's definitely the most fun that I've had in a few years now. But it's just the support. I can't really stress enough how this organization is good.

JP Chunga

113,313 views • 6 months ago