正在加载视频...

视频加载失败

返回首页

¡NUEVO en CSS! Anima height a auto

midudev's profile picture

Miguel Ángel Durán

313,521 subscribers

36,041 次观看 • 1 年前 •via X (Twitter)

教育科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

4 条评论

Nico 🇦🇷 的头像
Nico 🇦🇷1 年前

Ya era hora no?

Miguel Ángel Durán 的头像
Miguel Ángel Durán1 年前

Sip, ya era hora!

Eteriu 的头像
Eteriu1 年前

alguien me explica por qué mejor no empezaron a animar sin necesidad de una nueva key-value y soportar auto automáticamente (valga la redundancia)

Arie™ 的头像
Arie™1 年前

@Dariell26291776

相关视频

CSS can FINALLY animate height: auto!
0:56

CSS can FINALLY animate height: auto!

Wes Bos

323,400 次观看 • 2 年前

Anima con CSS elementos al aparecer en pantalla. Puedes detectar la posición del scroll sin JavaScript ↓
0:34

Anima con CSS elementos al aparecer en pantalla. Puedes detectar la posición del scroll sin JavaScript ↓

Miguel Ángel Durán

33,281 次观看 • 1 年前

Padres demostrando a sus hijos cómo bailábamos en los 80, el nuevo viral nostálgico, ¿quién se anima?
2:47

Padres demostrando a sus hijos cómo bailábamos en los 80, el nuevo viral nostálgico, ¿quién se anima?

Yo fuí a EGB

143,048 次观看 • 3 个月前

CSS only animated exclusive accordion update 🚀 details { interpolate-size: allow-keywords; } ::details-content { transition: content-visibility, height; transition-behavior: allow-discrete; } [open]::details-content { height: auto; }
0:25

CSS only animated exclusive accordion update 🚀 details { interpolate-size: allow-keywords; } ::details-content { transition: content-visibility, height; transition-behavior: allow-discrete; } [open]::details-content { height: auto; }

jhey ʕ•ᴥ•ʔ

51,127 次观看 • 1 年前

Animated exclusive accordions with CSS 😎 ::details-content { transition: content-visibility, height; transition-behavior: allow-discrete; } [open]::details-content { height: calc-size(auto); } Exclusive On the way! 🫶
0:28

Animated exclusive accordions with CSS 😎 ::details-content { transition: content-visibility, height; transition-behavior: allow-discrete; } [open]::details-content { height: calc-size(auto); } Exclusive On the way! 🫶

jhey ʕ•ᴥ•ʔ

216,460 次观看 • 2 年前

¿Un nuevo hincha de Boca? Carlos Alcaraz viendo el partido de Boca en La Bombonera. El tenista está sorprendido y hasta se anima a cantar.
0:45

¿Un nuevo hincha de Boca? Carlos Alcaraz viendo el partido de Boca en La Bombonera. El tenista está sorprendido y hasta se anima a cantar.

Leandro Aguilera

241,388 次观看 • 2 年前

NUEVO EMPRENDIMIENTO 🗣 Como el estrecho de ormuz esta cerrado, hay gente que labura de pasar nafta en moto desde iran a pakistan en caravanas del desierto Quien se anima a arrancar? Jsjs
0:26

NUEVO EMPRENDIMIENTO 🗣 Como el estrecho de ormuz esta cerrado, hay gente que labura de pasar nafta en moto desde iran a pakistan en caravanas del desierto Quien se anima a arrancar? Jsjs

ElBuni

59,539 次观看 • 2 个月前

a smoother radius transform version using css. no framer motion used here. for auto height transition using css `grid` inspired by jhey ʕ•ᴥ•ʔ. when collapsed `grid-rows-[0fr]` and expanded `grid-rows-[1fr]`. and that with `ease-out-cubic` with `300ms` makes it feel just perfect ~
0:26

a smoother radius transform version using css. no framer motion used here. for auto height transition using css `grid` inspired by jhey ʕ•ᴥ•ʔ. when collapsed `grid-rows-[0fr]` and expanded `grid-rows-[1fr]`. and that with `ease-out-cubic` with `300ms` makes it feel just perfect ~

Soren

114,785 次观看 • 8 个月前

🙌 @orianagmarzoli os anima a apuntaros al casting de #ElLocoAmor, un nuevo programa en el que será colaboradora estrella junto al presentador Sebastián Gallego ✨ 💞 ¿Quieres encontrar el amor cara a cara? Apúntate ahora. Pronto en #MediasetInfinity ♾
0:21

🙌 @orianagmarzoli os anima a apuntaros al casting de #ElLocoAmor, un nuevo programa en el que será colaboradora estrella junto al presentador Sebastián Gallego ✨ 💞 ¿Quieres encontrar el amor cara a cara? Apúntate ahora. Pronto en #MediasetInfinity ♾

Mediaset Infinity

11,125 次观看 • 11 个月前

España no puede tener un Gobierno en vilo por cada nuevo auto, por cada nuevo imputado o por cada nuevo registro de la UCO.
1:06

España no puede tener un Gobierno en vilo por cada nuevo auto, por cada nuevo imputado o por cada nuevo registro de la UCO.

Alberto Núñez Feijóo

34,649 次观看 • 1 年前

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; }
0:26

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

❤️ Oriana Marzoli, presentadora de #ElLocoAmor, el nuevo #MYHYV de Mediaset Infinity, junto a Sebas Gallego: "He tenido amores bastante locos, a mí #MujeresYHombresYViceversa me cambió la vida y anima a la audiencia a participar" 📲 Todo en
1:06

❤️ Oriana Marzoli, presentadora de #ElLocoAmor, el nuevo #MYHYV de Mediaset Infinity, junto a Sebas Gallego: "He tenido amores bastante locos, a mí #MujeresYHombresYViceversa me cambió la vida y anima a la audiencia a participar" 📲 Todo en

El Televisero

137,788 次观看 • 10 个月前

¡Auto nuevo!
0:42

¡Auto nuevo!

Gustavo Macalpin

52,651 次观看 • 1 年前

🚨 "EL AUTO NUEVO NOOOO", GRITOS Y PÁNICO EN EL VIOLENTO ROBO A UNA MUJER Y SU HIJA DE 17 AÑOS - Fue en Ciudadela.
1:18

🚨 "EL AUTO NUEVO NOOOO", GRITOS Y PÁNICO EN EL VIOLENTO ROBO A UNA MUJER Y SU HIJA DE 17 AÑOS - Fue en Ciudadela.

Vía Szeta

18,137 次观看 • 1 年前

Future CSS Tip! 🚀 You can create auto-resizing text inputs with one line of CSS 🔥 textarea, input { field-sizing: content; } No more JavaScript to sync a textarea height to fit the content 🫶 Perfect for chat, messaging, comments, etc. 💬 The size of your input will grow to fit your content. If you want to constrain the size, do something like this: textarea { field-sizing: content; min-height: 2lh; /* Use the line-height unit 😎*/ max-height: 10lh; } Love the fact you could use this for auto-resizing in both directions too! 🙌 Want a search field that expands horizontally? Do it! Love these one-liners that bring incredible value to the platform like this 💙 CodePen.IO link below! 👇
1:31

Future CSS Tip! 🚀 You can create auto-resizing text inputs with one line of CSS 🔥 textarea, input { field-sizing: content; } No more JavaScript to sync a textarea height to fit the content 🫶 Perfect for chat, messaging, comments, etc. 💬 The size of your input will grow to fit your content. If you want to constrain the size, do something like this: textarea { field-sizing: content; min-height: 2lh; /* Use the line-height unit 😎*/ max-height: 10lh; } Love the fact you could use this for auto-resizing in both directions too! 🙌 Want a search field that expands horizontally? Do it! Love these one-liners that bring incredible value to the platform like this 💙 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

319,217 次观看 • 2 年前

sidebar details 🤌 CSS auto-height transition w/ grid 🎬 li > div[inert] { grid-template-rows: 0fr; } li > div { grid-template-rows: 1fr; transition: grid-template-rows .26s; } arrow keys for navigation 📍
0:28

sidebar details 🤌 CSS auto-height transition w/ grid 🎬 li > div[inert] { grid-template-rows: 0fr; } li > div { grid-template-rows: 1fr; transition: grid-template-rows .26s; } arrow keys for navigation 📍

jhey ʕ•ᴥ•ʔ

118,312 次观看 • 9 个月前

Un Tío Blanco Hetero anima a Fonsi Loaiza a invertir en el fútbol femenino:
0:24

Un Tío Blanco Hetero anima a Fonsi Loaiza a invertir en el fútbol femenino:

Wall Street Wolverine

89,486 次观看 • 6 个月前

“GS”: Por un nuevo auto oriental que te muestra en el tablero que tenés adelante en el carril
0:48

Sensitive content

“GS”: Por un nuevo auto oriental que te muestra en el tablero que tenés adelante en el carril

Es tendencia en 𝕏

98,253 次观看 • 2 个月前