Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

rebane2001's profile picture

Rebane

12,085 subscribers

73,336 görüntüleme • 6 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

#CSS only carousels arrive in Chrome 135 ⤷

Adam Argyle

75,741 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 23 gün önce

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

I built a mobile app in 45 min.

Q

14,624 görüntüleme • 5 ay önce

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

2 G/A in 45 min this time

🎈

127,371 görüntüleme • 5 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 10 ay önce

Master CSS Grid in 2 CSS lines!
0:59

Master CSS Grid in 2 CSS lines!

Ania Kubów #JavaScriptGames

67,365 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

~45 min gartic landscape
0:26

~45 min gartic landscape

Christian Young

41,239 görüntüleme • 3 ay önce

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 görüntüleme • 5 ay önce

We made this song in 15 min
0:25

We made this song in 15 min

Minikon

16,896 görüntüleme • 6 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 ay önce