Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

¡Nueva forma de centrar un DIV con CSS! Sin usar display flex o grid ↓

midudev's profile picture

Miguel Ángel Durán

326,796 subscribers

45,041 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

6 Yorum

midubot profil fotoğrafı
midubot2 yıl önce

Curso de PHP desde cero por @midudev :

Tyranne ™ profil fotoğrafı
Tyranne ™2 yıl önce

El backend:

/home/M3mbrillo 🧉☕ profil fotoğrafı
/home/M3mbrillo 🧉☕2 yıl önce

No sé, yo sigo enojado con Chrome 123 que me removio el soporte a SHA-1 :( *Si, mantengo sistemas legacy donde no es factible cambiar a certificados con SHA-256

Omar Espinoza Medina profil fotoğrafı
Omar Espinoza Medina2 yıl önce

Por que no crean una función que se llame center_div()? Qué alguien piensen en los desarrolladores back-end!!!

Pablo Rodríguez profil fotoğrafı
Pablo Rodríguez2 yıl önce

Esto tiene que ser una broma del April's fool 😂😂

Alex Marco profil fotoğrafı
Alex Marco2 yıl önce

Habria sido mas practico un margin: auto 0 o auto auto o esto tiene otra utilidad?🤣

Benzer Videolar

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

El Backend centrando el div con CSS
0:32

El Backend centrando el div con CSS

Miguel Ángel Durán

166,798 görüntüleme • 2 yıl önce

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

Esquemas para que entiendas en segundos cómo funciona FLEX y GRID en CSS.
0:26

Esquemas para que entiendas en segundos cómo funciona FLEX y GRID en CSS.

Brais Moure

26,895 görüntüleme • 2 yıl önce

5 min cursor trails with grid + CSS custom properties 💫 .grid div { opacity: var(--o); transition: opacity 0.8s, rotate 0.4s; &:hover { transition-duration: 0s; rotate: calc(var(--r, 0) * 90deg); opacity: 1; }} trick: dynamic :hover transition
0:26

5 min cursor trails with grid + CSS custom properties 💫 .grid div { opacity: var(--o); transition: opacity 0.8s, rotate 0.4s; &:hover { transition-duration: 0s; rotate: calc(var(--r, 0) * 90deg); opacity: 1; }} trick: dynamic :hover transition

jhey ʕ•ᴥ•ʔ

356,220 görüntüleme • 8 ay önce

¡POR FIN podremos hacer esto en CSS! Cambiar la altura de un textarea según su contenido. Es la nueva propiedad "field-sizing: content". Sin necesidad de usar JavaScript. Aquí tienes una demostración y el código ↓
0:39

¡POR FIN podremos hacer esto en CSS! Cambiar la altura de un textarea según su contenido. Es la nueva propiedad "field-sizing: content". Sin necesidad de usar JavaScript. Aquí tienes una demostración y el código ↓

Miguel Ángel Durán

82,937 görüntüleme • 2 yıl önce

Fue un poco exagerado o la mato Stiven yob con centrar de Apple que tiene ? 😬
0:59

Fue un poco exagerado o la mato Stiven yob con centrar de Apple que tiene ? 😬

MejoiHombre™️🥩🥓

40,732 görüntüleme • 2 yıl önce

Centering a Div - CSS
0:28

Centering a Div - CSS

Ali Reza

187,819 görüntüleme • 1 yıl önce

♡ Después de un año " sin usar " Twitter he decidido poner este tweet porque quiero jugar al 𝙇𝙤𝙇 ノ𝙑𝙖𝙡𝙤𝙧𝙖𝙣𝙩 con gente nueva. Habladme por 𝐃𝐦 o sino decidme vuestro 𝐑𝐈𝐎𝐓 𝐈𝐃 para agregarxs pls! [ Os dejo algunos clips de mis HS 🙄💅🏻 ] ♡
1:00

♡ Después de un año " sin usar " Twitter he decidido poner este tweet porque quiero jugar al 𝙇𝙤𝙇 ノ𝙑𝙖𝙡𝙤𝙧𝙖𝙣𝙩 con gente nueva. Habladme por 𝐃𝐦 o sino decidme vuestro 𝐑𝐈𝐎𝐓 𝐈𝐃 para agregarxs pls! [ Os dejo algunos clips de mis HS 🙄💅🏻 ] ♡

🫧 🫧🫧

25,309 görüntüleme • 1 yıl önce

Crear un croquis o un mapa interactivo directamente en #ChatGPT sin usar ninguna aplicación de #SIG #ChatGPT4o #ArcGIS #QGIS
1:17

Crear un croquis o un mapa interactivo directamente en #ChatGPT sin usar ninguna aplicación de #SIG #ChatGPT4o #ArcGIS #QGIS

El blog de franz

20,407 görüntüleme • 2 yıl önce

¡Hoy nace La Nueva U! La Nueva U de la gente, sin jefes, sin miedo, con oportunidades, sin rosca. ¡La Nueva U es de ustedes!
1:06

¡Hoy nace La Nueva U! La Nueva U de la gente, sin jefes, sin miedo, con oportunidades, sin rosca. ¡La Nueva U es de ustedes!

Julián López

41,779 görüntüleme • 8 ay önce

Unas Skills de Cr7 sin talento Natural , solo con puro gimnasio 💪🏽 💉 pero sin usar nunca hormonas, Doping o árbitros a favor
1:04

Unas Skills de Cr7 sin talento Natural , solo con puro gimnasio 💪🏽 💉 pero sin usar nunca hormonas, Doping o árbitros a favor

Arielipillo

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

Chrome 149がリリース！ 嬉しいことに、CSS grid・flexのgapの隙間が装飾可能になりました。 カレンダーの見た目もCSS Gridで簡単に。
0:43

Chrome 149がリリース！ 嬉しいことに、CSS grid・flexのgapの隙間が装飾可能になりました。 カレンダーの見た目もCSS Gridで簡単に。

池田 泰延

60,894 görüntüleme • 29 gün önce

Sigo sin procesar que Eggman engañó a la forma de vida definitiva con un puto YTPH
0:31

Sigo sin procesar que Eggman engañó a la forma de vida definitiva con un puto YTPH

𝑩𝒍𝒂𝒅𝒆𝒏 𝑫𝑿 🥀

445,973 görüntüleme • 1 yıl önce

jus' one more CSS progressive blur demo 🧑‍🍳 backdrop-filter: blur() stack + position: sticky + display: grid for progressive blur on scroll
0:32

jus' one more CSS progressive blur demo 🧑‍🍳 backdrop-filter: blur() stack + position: sticky + display: grid for progressive blur on scroll

jhey ʕ•ᴥ•ʔ

44,674 görüntüleme • 1 yıl önce

DANNA presenta en exclusiva un adelanto de la nueva versión de “Mi Primer Día Sin Ti” con Gabito Ballesteros
2:07

DANNA presenta en exclusiva un adelanto de la nueva versión de “Mi Primer Día Sin Ti” con Gabito Ballesteros

DANNA Today

31,944 görüntüleme • 8 ay önce

El miedo. Eso se respira en EU si parecer migrante. Con o sin documentos. La llegada de Trump ha sido un forma de terrorismo con quien parece “indocumentado”. Mañana #hechossabado Fuerza Informativa Azteca
0:46

El miedo. Eso se respira en EU si parecer migrante. Con o sin documentos. La llegada de Trump ha sido un forma de terrorismo con quien parece “indocumentado”. Mañana #hechossabado Fuerza Informativa Azteca

carolina rocha m

14,818 görüntüleme • 1 yıl önce

Un cambio generacional y una nueva forma de hacer política está muy cerca. ¡Vamos muy bien, con más fuerza que nunca!
0:24

Un cambio generacional y una nueva forma de hacer política está muy cerca. ¡Vamos muy bien, con más fuerza que nunca!

Otto Sonnenholzner

49,100 görüntüleme • 2 yıl önce

🤯 How am I just finding out about display: contents; Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.
2:22

🤯 How am I just finding out about display: contents; Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.

Wes Bos

356,609 görüntüleme • 1 yıl önce