Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

diegohaz's profile picture

Haz

12,622 subscribers

289,065 Aufrufe • vor 9 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 2 Jahren

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

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

David Mráz

39,970 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 10 Monaten

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

Believe it or not this is our reality. #IranMassacare

Decado

29,896 Aufrufe • vor 8 Monaten

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

Believe it or not this nigga invented the cellphone.

⚔️

73,560 Aufrufe • vor 1 Monat

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

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

MLB

615,007 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 9 Monaten