正在加载视频...

视频加载失败

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

New timeline component pushes CSS grid to its absolute limit 🥵

Caleb Porzio ⚡️

53,216 subscribers

151,852 次观看 • 6 个月前 •via X (Twitter)

艺术科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Quick tutorial on how to stack elements using CSS grid instead of position absolute:

Quick tutorial on how to stack elements using CSS grid instead of position absolute:

Jess Chan | Coder Coder

11,843 次观看 • 4 个月前

Are you using position: absolute; to overlap elements? It's almost always better to Use CSS Grid instead!

Are you using position: absolute; to overlap elements? It's almost always better to Use CSS Grid instead!

Wes Bos

302,188 次观看 • 2 年前

This is what happens when you push metal to its absolute limit.

This is what happens when you push metal to its absolute limit.

Virlylestarina

17,105 次观看 • 3 个月前

Is this a hack? What about stack order? Fine grain control? A few more tips on using CSS Grid instead of absolute positioning. I really like the named grid area one!

Is this a hack? What about stack order? Fine grain control? A few more tips on using CSS Grid instead of absolute positioning. I really like the named grid area one!

Wes Bos

103,902 次观看 • 2 年前

This scene in AUSTIN POWERS really pushed the transition to its absolute limit. 😂

This scene in AUSTIN POWERS really pushed the transition to its absolute limit. 😂

cinesthetic.

63,431 次观看 • 2 个月前

Jordan Stolz pushes himself to the absolute LIMIT in order to achieve greatness.#WinterOlympics 📺: Primetime in Milan at 8/7c on NBC and Peacock

Jordan Stolz pushes himself to the absolute LIMIT in order to achieve greatness.#WinterOlympics 📺: Primetime in Milan at 8/7c on NBC and Peacock

NBC Olympics & Paralympics

29,521 次观看 • 7 个月前

Here is a patch to test CSS grid in React native.

Here is a patch to test CSS grid in React native.

nishan (o^▽^o)

68,494 次观看 • 9 个月前

The heat pushes Frank to his limit in a new #NakedAndAfraid: Apocalypse TONIGHT at 8P on Discovery.

The heat pushes Frank to his limit in a new #NakedAndAfraid: Apocalypse TONIGHT at 8P on Discovery.

Naked and Afraid

13,357 次观看 • 1 年前

Got inspired by Resend's keyboard component, made something similar using pure CSS. This way, its configurable during runtime, so you can change the text and colour to your liking.

Got inspired by Resend's keyboard component, made something similar using pure CSS. This way, its configurable during runtime, so you can change the text and colour to your liking.

balint

185,581 次观看 • 1 年前

Chaos Island Expanded I've pushed the Doom Morph to its absolute limit here. What are we thinking?

Chaos Island Expanded I've pushed the Doom Morph to its absolute limit here. What are we thinking?

Unleash

14,355 次观看 • 1 个月前

CSS scroll-driven "CTA to Nav" 🗺️ nav { grid-template-columns: auto calc(var(--grow) * 240px) auto; transition: 1s var(--custom); } @keyframes expand { to { --expand: 1; } } body { animation: expand steps(1); animation-timeline: --hero; animation-range: exit; }

CSS scroll-driven "CTA to Nav" 🗺️ nav { grid-template-columns: auto calc(var(--grow) * 240px) auto; transition: 1s var(--custom); } @keyframes expand { to { --expand: 1; } } body { animation: expand steps(1); animation-timeline: --hero; animation-range: exit; }

jhey ʕ•ᴥ•ʔ

263,267 次观看 • 2 年前

Pain, hunger, exhaustion... the fan challenge pushes him to his limit 😰 New #NakedandAfraid Sunday at 8P on Discovery.

Pain, hunger, exhaustion... the fan challenge pushes him to his limit 😰 New #NakedandAfraid Sunday at 8P on Discovery.

Naked and Afraid

12,958 次观看 • 6 个月前

CSS sidebar tricks 🤌 transition expanded menu items to "auto" height using grid li > div[inert] { grid-template-rows: 0fr; } li > div { grid-template-rows: 1fr; transition: grid-template-rows .3s; }

CSS sidebar tricks 🤌 transition expanded menu items to "auto" height using grid li > div[inert] { grid-template-rows: 0fr; } li > div { grid-template-rows: 1fr; transition: grid-template-rows .3s; }

jhey ʕ•ᴥ•ʔ

117,591 次观看 • 1 年前

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

Robin Delta

41,075 次观看 • 2 年前

A moment suspended in time: an inspiring location, a beautiful gathering of friends, and the revelation of a precious new collection that explores the Maison's codes and pushes its savoir-faire to the limit.#CartierHighJewelry #LeVoyageRecommencé

A moment suspended in time: an inspiring location, a beautiful gathering of friends, and the revelation of a precious new collection that explores the Maison's codes and pushes its savoir-faire to the limit.#CartierHighJewelry #LeVoyageRecommencé

Cartier

37,734 次观看 • 3 年前

The new @Webflow MCP v1.2 just dropped.🔥 Raw HTML to Webflow elements. Component slots. 500+ CSS properties. Element querying. Variable creation. Your agents just got a whole lot more powerful. Here's what's new 🧵

The new @Webflow MCP v1.2 just dropped.🔥 Raw HTML to Webflow elements. Component slots. 500+ CSS properties. Element querying. Variable creation. Your agents just got a whole lot more powerful. Here's what's new 🧵

Allan Leinwand

41,176 次观看 • 5 个月前

My apartment in Barcelona still has its original hydraulic tile floor, every room a different pattern. I rebuilt the whole thing in CSS Grid. Full guide:

My apartment in Barcelona still has its original hydraulic tile floor, every room a different pattern. I rebuilt the whole thing in CSS Grid. Full guide:

Carmen Ansio

11,541 次观看 • 24 天前

My first custom Mario Wonder "Search Party" level pushes the game's playable background area feature to its limit by stacking several layers on top of each other.

My first custom Mario Wonder "Search Party" level pushes the game's playable background area feature to its limit by stacking several layers on top of each other.

Rimea

154,826 次观看 • 1 年前

Future UI && CSS Tip! 🔮 You could use View Transitions to animate CSS grid position and create an OSX-style exposé for a portfolio 🔥 It's a grid where things move based on state. Wrapped in a VT 🤙 [data-expose] section{ grid-area:var(--x)/var(--y); } CodePen.IO link below 👇

Future UI && CSS Tip! 🔮 You could use View Transitions to animate CSS grid position and create an OSX-style exposé for a portfolio 🔥 It's a grid where things move based on state. Wrapped in a VT 🤙 [data-expose] section{ grid-area:var(--x)/var(--y); } CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

171,324 次观看 • 3 年前

Mark Rober pushes his strength to the limit with the grip test challenge

Mark Rober pushes his strength to the limit with the grip test challenge

Dexerto

59,401 次观看 • 1 年前