正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Rebane

12,085 subscribers

73,336 次观看 • 6 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

#CSS only carousels arrive in Chrome 135 ⤷

#CSS only carousels arrive in Chrome 135 ⤷

Adam Argyle

75,741 次观看 • 1 年前

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

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

Meng To

47,163 次观看 • 1 年前

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

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 次观看 • 1 个月前

2 G/A in 45 min this time

2 G/A in 45 min this time

🎈

127,371 次观看 • 5 个月前

I built a mobile app in 45 min.

I built a mobile app in 45 min.

Q

14,624 次观看 • 5 个月前

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

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

jhey ʕ•ᴥ•ʔ

235,625 次观看 • 3 年前

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

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

nicopatty

29,766 次观看 • 2 年前

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; }

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 次观看 • 2 年前

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

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 次观看 • 10 个月前

Master CSS Grid in 2 CSS lines!

Master CSS Grid in 2 CSS lines!

Ania Kubów #JavaScriptGames

67,365 次观看 • 1 年前

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

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 次观看 • 1 年前

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:

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 次观看 • 3 年前

~45 min gartic landscape

~45 min gartic landscape

Christian Young

41,239 次观看 • 4 个月前

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

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

Stew Peters

515,448 次观看 • 1 年前

We made this song in 15 min

We made this song in 15 min

Minikon

16,896 次观看 • 6 个月前

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.

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 次观看 • 5 个月前

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

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 次观看 • 1 年前

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

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

wassim #Flickout 🇩🇿

264,402 次观看 • 5 个月前

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

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

Kyrylo Silin

32,018 次观看 • 2 个月前