Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

rebane2001's profile picture

Rebane

12,085 subscribers

73,336 Aufrufe • vor 6 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

#CSS only carousels arrive in Chrome 135 ⤷

Adam Argyle

75,741 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 18 Tagen

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

I built a mobile app in 45 min.

Q

14,624 Aufrufe • vor 5 Monaten

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

2 G/A in 45 min this time

🎈

127,371 Aufrufe • vor 5 Monaten

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

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

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

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

Master CSS Grid in 2 CSS lines!
0:59

Master CSS Grid in 2 CSS lines!

Ania Kubów #JavaScriptGames

67,365 Aufrufe • vor 1 Jahr

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

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

~45 min gartic landscape
0:26

~45 min gartic landscape

Christian Young

41,239 Aufrufe • vor 3 Monaten

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

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

We made this song in 15 min
0:25

We made this song in 15 min

Minikon

16,896 Aufrufe • vor 6 Monaten

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

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

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