Loading video...

Video Failed to Load

Go Home

This border-radius transition 🤌🏽 Believe it or not, it's just CSS.

diegohaz's profile picture

Haz

12,108 subscribers

288,437 views • 4 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

How to create a customizable 'flipped' border-radius in CSS ↓
0:16

How to create a customizable 'flipped' border-radius in CSS ↓

Sebastiano Guerriero

203,250 views • 1 year ago

The new corner-shape CSS property unlocks exciting new UI patterns. corner-shape: bevel round; border-radius: 1em 0 / 3em 0;
0:11

The new corner-shape CSS property unlocks exciting new UI patterns. corner-shape: bevel round; border-radius: 1em 0 / 3em 0;

Haz

228,884 views • 4 months ago

Little progressively enhanced CSS border reveal button using mask && @​property .border-button:hover { --complete: 100; } .border-button::after { transition: --complete 0.4s; mask: conic-gradient( from var(--from), #000 var(--complete), ); }
0:19

Little progressively enhanced CSS border reveal button using mask && @​property .border-button:hover { --complete: 100; } .border-button::after { transition: --complete 0.4s; mask: conic-gradient( from var(--from), #000 var(--complete), ); }

jhey ʕ•ᴥ•ʔ

111,340 views • 1 year ago

Learn CSS transition timing functions with this tutorial 🚀 🧑‍💻
0:10

Learn CSS transition timing functions with this tutorial 🚀 🧑‍💻

David Mráz

39,832 views • 2 years ago

When nesting elements the outer border radius should always equal the inner border radius + padding.
0:11

When nesting elements the outer border radius should always equal the inner border radius + padding.

Jakub Krehel

17,686 views • 6 months 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)
0:11

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,616 views • 6 months ago

It's not the "green cause" or the "environmentalist cause" or "Just Stop Oil's cause". It's everyone's cause. Just not everyone realises it yet.
0:19

It's not the "green cause" or the "environmentalist cause" or "Just Stop Oil's cause". It's everyone's cause. Just not everyone realises it yet.

XR Cambridge

587,690 views • 3 years ago

Believe it or not ... we've seen this before 😅
0:17

Believe it or not ... we've seen this before 😅

MLB

614,814 views • 2 months ago

Believe it or not this is our reality. #IranMassacare
0:18

Believe it or not this is our reality. #IranMassacare

Decado

29,499 views • 4 months ago

Believe it or not, this is exactly how kids learn.
0:12

Believe it or not, this is exactly how kids learn.

Steve 🇺🇸

3,769,325 views • 5 months ago

Whether you wanna believe it or not, this is true
0:18

Whether you wanna believe it or not, this is true

MAGA Cult Slayer🦅🇺🇸

310,035 views • 1 year ago

The transition whereas not everyone will witness except our rebels : #Prabhas Raju supremacy 😭🤌🏽🔥
0:19

The transition whereas not everyone will witness except our rebels : #Prabhas Raju supremacy 😭🤌🏽🔥

Sherry

94,348 views • 5 months ago

Believe it or not this is how it all started ✨ Seedance 2
0:11

Believe it or not this is how it all started ✨ Seedance 2

Glitter Gal

10,427 views • 3 months ago

Believe it or not this video is only 10 seconds long
0:10

Believe it or not this video is only 10 seconds long

🌟 Tyler Koberstein 🏳️‍🌈

93,851 views • 1 year ago

Cannot believe this is the crowd for an ACC Basketball Game Pathetic - just eliminate sports or invest Whatever this is, is not it
0:13

Cannot believe this is the crowd for an ACC Basketball Game Pathetic - just eliminate sports or invest Whatever this is, is not it

Hoop Herald

253,795 views • 5 months ago

Nemanja Nedovic missed the dunk in transition and Vassilis Spanoulis COULD NOT BELIEVE IT 😬
0:11

Nemanja Nedovic missed the dunk in transition and Vassilis Spanoulis COULD NOT BELIEVE IT 😬

Eurohoops

121,241 views • 4 months ago

“whether you believe it or not” lmao who DOESN’T believe it?
0:16

“whether you believe it or not” lmao who DOESN’T believe it?

Stew Peters

97,767 views • 1 year ago

Believe it or not , this is what peak male performance looks like
0:18

Believe it or not , this is what peak male performance looks like

MERICA MEMED

221,732 views • 10 months ago

Believe it or not, this is why I can't buy the dip.
0:15

Believe it or not, this is why I can't buy the dip.

BitMart

40,520 views • 3 months ago

it's been 3 years and I'm still not over this transition
0:10

it's been 3 years and I'm still not over this transition

Fairy 🌲🌳

1,431,268 views • 1 year ago