Loading video...

Video Failed to Load

Go Home

CSS-only livesplit recreation (made in ~45 min)

rebane2001's profile picture

Rebane

12,085 subscribers

73,336 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

#CSS only carousels arrive in Chrome 135 ⤷
1:27

#CSS only carousels arrive in Chrome 135 ⤷

Adam Argyle

75,741 views • 1 year ago

I made a 45-min tutorial on how to improve your AI designs
44:25

I made a 45-min tutorial on how to improve your AI designs

Meng To

47,163 views • 1 year ago

Apple Watch recreated with pure CSS + JS The original was made with WebGL in 2015. DOM + CSS in 2025 Insane work by 池田 泰延
0:36

Apple Watch recreated with pure CSS + JS The original was made with WebGL in 2015. DOM + CSS in 2025 Insane work by 池田 泰延

Ali Grids

51,999 views • 1 month ago

I built a mobile app in 45 min.
1:14

I built a mobile app in 45 min.

Q

14,624 views • 5 months ago

2 G/A in 45 min this time
0:37

2 G/A in 45 min this time

🎈

127,371 views • 5 months ago

CSS-only Optimus Prime toggle 🤙 CSS transform was intended for transformers, right?
0:53

CSS-only Optimus Prime toggle 🤙 CSS transform was intended for transformers, right?

jhey ʕ•ᴥ•ʔ

235,625 views • 3 years ago

roblox fnaf recreation i made in november 2023 thanks Ultimate FNaF Model Pack for the models
0:27

roblox fnaf recreation i made in november 2023 thanks Ultimate FNaF Model Pack for the models

nicopatty

29,766 views • 2 years ago

Now CSS has JavaScript's Math.pow(), you could generate fluid font scales in CSS for viewport/container sizes 👀 (watch resize) :where(dd) { --min: calc(17 * pow(1.2, var(--lvl, 0))); font-size: clamp(var(--min), var(--fluid), var(--max)); ✨ } dd:nth-of-type(2) { --lvl: 2; }
0:32

Now CSS has JavaScript's Math.pow(), you could generate fluid font scales in CSS for viewport/container sizes 👀 (watch resize) :where(dd) { --min: calc(17 * pow(1.2, var(--lvl, 0))); font-size: clamp(var(--min), var(--fluid), var(--max)); ✨ } dd:nth-of-type(2) { --lvl: 2; }

jhey ʕ•ᴥ•ʔ

128,751 views • 2 years ago

ATOMIC X-FACTOR WORKOUT Turn sound up. 45 min, only 6 min of work. No equipment needed. Can be done anywhere. Thanks Keith Cyracus
2:55

ATOMIC X-FACTOR WORKOUT Turn sound up. 45 min, only 6 min of work. No equipment needed. Can be done anywhere. Thanks Keith Cyracus

Tony Holler

29,262 views • 10 months ago

Master CSS Grid in 2 CSS lines!
0:59

Master CSS Grid in 2 CSS lines!

Ania Kubów #JavaScriptGames

67,365 views • 1 year ago

Ark UI is now available in Svelte 5 🔥 ✅ 45+ accessible, unstyled UI components ✅ Works smoothly with Svelte primitives ($effect, _$state, $derived) ✅ Style every component in your way (Panda CSS, Tailwind, CSS Modules) 👉🏽 Check it out here
0:28

Ark UI is now available in Svelte 5 🔥 ✅ 45+ accessible, unstyled UI components ✅ Works smoothly with Svelte primitives ($effect, _$state, $derived) ✅ Style every component in your way (Panda CSS, Tailwind, CSS Modules) 👉🏽 Check it out here

Sage ⚡️

13,189 views • 1 year ago

Here's a fun concept - Filtering tags made with only pure #CSS (with no #javascript at all) using the :has selector 👍 Here's the CodePen.IO:
0:45

Here's a fun concept - Filtering tags made with only pure #CSS (with no #javascript at all) using the :has selector 👍 Here's the CodePen.IO:

AdirCode

66,761 views • 3 years ago

How in the hell does a river rise 26 FEET in just 45 min?
1:16

How in the hell does a river rise 26 FEET in just 45 min?

Stew Peters

515,448 views • 1 year ago

~45 min gartic landscape
0:26

~45 min gartic landscape

Christian Young

41,239 views • 4 months ago

I can play with these cards all day. Made with CSS only. Super light-weight and won't burden the page speed and performance at all.
0:21

I can play with these cards all day. Made with CSS only. Super light-weight and won't burden the page speed and performance at all.

Steve Lauda

15,089 views • 5 months ago

We made this song in 15 min
0:25

We made this song in 15 min

Minikon

16,896 views • 6 months ago

No AI slop will ever compare to this perfect recreation of the intro that British channel Sky One made in 2006.
1:02

No AI slop will ever compare to this perfect recreation of the intro that British channel Sky One made in 2006.

Miles John

4,852,386 views • 1 year ago

The first 45 min of neymar in 2026 , step by step 👀✨️
1:47

The first 45 min of neymar in 2026 , step by step 👀✨️

wassim #Flickout 🇩🇿

264,402 views • 4 months ago

I made an interactive demo showing clamp() in action and comparing it to traditional CSS media queries (link below):
0:35

I made an interactive demo showing clamp() in action and comparing it to traditional CSS media queries (link below):

Kyrylo Silin

32,018 views • 2 months ago