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.

CSS Loading dots in 30 seconds!

Ania Kubów #JavaScriptGames

93,763 subscribers

54,845 views • 1 year ago •via X (Twitter)

Science & Technology Education Comedy

Anya Rossi• Live Now

Private livecam show

10 Comments

Lovehandle1 year ago

Is this AI 👀

Sadiq of tech1 year ago

Or just use a gif

S0AndS0.eth1 year ago

Noice! Tip; it be possible to do with one `HTML` element, and CSS's `::before` and `::after` pseudo elements, so long as the `animation` is explicitly defined for all of them... Though not nearly as readable an option X-)

Joe1 year ago

👍🏼

Divin Prince1 year ago

Wow, those CSS loading dots are mesmerizing!

Upss1 year ago

You will be my team-lead?)

Stuart | follows Jesus ✝️ ₿1 year ago

Nice

Deem 🫠1 year ago

Great... If only CSS could be as beautiful as you.🤗

Nick Nderi1 year ago

Awesome

marco3islas1 year ago

Brains and beauty, what a combo!!!

Related Videos

Master CSS Animations in 30 seconds!

Master CSS Animations in 30 seconds!

Ania Kubów #JavaScriptGames

13,127 views • 1 year ago

Learn CSS Display Property In 54 seconds 🔥 The animated tutorial makes learning easier.

Learn CSS Display Property In 54 seconds 🔥 The animated tutorial makes learning easier.

Alamin

75,236 views • 3 years ago

small details that matter 🧑‍🍳 use CSS pseudoelements to bridge the :hover gap w/ :has() + inset a:has(+ .dots) a::after, .dots + a::after { position: absolute; content: ''; } a:has(+ .dots) a::after { inset: 0 -50% 0 100%; } .dots + a::after { inset: 0 100% 0 -50%; }

small details that matter 🧑‍🍳 use CSS pseudoelements to bridge the :hover gap w/ :has() + inset a:has(+ .dots) a::after, .dots + a::after { position: absolute; content: ''; } a:has(+ .dots) a::after { inset: 0 -50% 0 100%; } .dots + a::after { inset: 0 100% 0 -50%; }

jhey ʕ•ᴥ•ʔ

115,929 views • 7 months ago

The most exciting 60 seconds in crypto Linera Markets Open Beta loading...

The most exciting 60 seconds in crypto Linera Markets Open Beta loading...

Linera ⛓️

106,398 views • 3 months ago

30 years in 30 seconds

30 years in 30 seconds

Level Up Mindz

26,310 views • 1 year ago

This AR Magazine Speed Loader Is Pure Genius (Loading 20 Rounds In 2 Seconds)

This AR Magazine Speed Loader Is Pure Genius (Loading 20 Rounds In 2 Seconds)

Charlotte Aurora

2,128,325 views • 8 days ago

Loading... ████▒▒▒▒▒▒30%

Loading... ████▒▒▒▒▒▒30%

Grup_CK

10,812 views • 6 months ago

30 minute swap in 30 seconds 🖌️

30 minute swap in 30 seconds 🖌️

Julian Bright

12,170 views • 1 year ago

#Liverpool in 30 seconds.

#Liverpool in 30 seconds.

Liverpool Vista

24,558 views • 1 year ago

$10k in 30 seconds

$10k in 30 seconds

Rapid Launch

35,389 views • 4 months ago

Life in 30 seconds!

Life in 30 seconds!

Inspiration Wiz

259,444 views • 3 years ago

9 minutes and 43 seconds of Cam Ward dots. Hard not to want this guy in two tone blue #Titans

9 minutes and 43 seconds of Cam Ward dots. Hard not to want this guy in two tone blue #Titans

Drew Beatty

338,739 views • 1 year ago

Exposing USA in 30 seconds.

Exposing USA in 30 seconds.

✎𝒜 πundhati🌵🍉🇵🇸

495,844 views • 3 months ago

30 seconds in Central Auckland

30 seconds in Central Auckland

Chamfy

14,786 views • 3 months ago

Lewy 💯 in 30 seconds!

Lewy 💯 in 30 seconds!

FC Barcelona

436,453 views • 1 year ago

40 minutes in 30 seconds

40 minutes in 30 seconds

tomfoxdraws

50,242 views • 5 months ago

Destroyed in 30 seconds 🔥

Sensitive content

Destroyed in 30 seconds 🔥

Rishi Bagree

209,038 views • 9 months ago

6ft painting in 30 seconds

6ft painting in 30 seconds

Ali Spagnola

38,256 views • 9 months ago

Top 30 seconds in 2019.

Top 30 seconds in 2019.

音樂 Music Vibes 共鳴

956,870 views • 3 years ago