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,622 subscribers

289,065 views • 9 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 • 2 years 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

229,702 views • 9 months ago

Believe it or not this road leads to Samruddhi Expressway. And I shot it, just minutes ago.
0:17

Believe it or not this road leads to Samruddhi Expressway. And I shot it, just minutes ago.

Singh Varun

82,103 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 ʕ•ᴥ•ʔ

118,301 views • 2 years ago

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

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

David Mráz

39,970 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,834 views • 11 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,653 views • 10 months ago

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

Believe it or not this is our reality. #IranMassacare

Decado

29,896 views • 8 months ago

Believe it or not this nigga invented the cellphone.
0:16

Believe it or not this nigga invented the cellphone.

⚔️

73,560 views • 1 month ago

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

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

MLB

615,007 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,692 views • 3 years 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,203 views • 1 year 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 • 10 months 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,398 views • 9 months ago

Very clever examples from Preethi animating border-image. Super easy to forget it's animatable in the first place. That radial gradient one is just... 😍
0:10

Very clever examples from Preethi animating border-image. Super easy to forget it's animatable in the first place. That radial gradient one is just... 😍

CSS-Tricks

17,543 views • 3 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 • 8 months 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 • 9 months ago

Believe it or not this was for an assignment #spookymonth #candybats (???)
0:16

Believe it or not this was for an assignment #spookymonth #candybats (???)

Amii ✨🚫PROSHIPS DNI🚫

18,125 views • 1 year 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 🏳️‍🌈

94,049 views • 1 year 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,466 views • 9 months ago