Загрузка видео...

Не удалось загрузить видео

На главную

¡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 просмотров • 2 лет назад •via X (Twitter)

Наука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 6

Фото профиля midubot
midubot2 лет назад

Curso de PHP desde cero por @midudev :

Фото профиля Tyranne ™
Tyranne ™2 лет назад

El backend:

Фото профиля /home/M3mbrillo 🧉☕
/home/M3mbrillo 🧉☕2 лет назад

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
Omar Espinoza Medina2 лет назад

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

Фото профиля Pablo Rodríguez
Pablo Rodríguez2 лет назад

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

Фото профиля Alex Marco
Alex Marco2 лет назад

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

Похожие видео

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 просмотров • 1 год назад

El Backend centrando el div con CSS
0:32

El Backend centrando el div con CSS

Miguel Ángel Durán

166,798 просмотров • 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,158 просмотров • 9 месяцев назад

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 просмотров • 2 лет назад

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 просмотров • 8 месяцев назад

¡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,941 просмотров • 2 лет назад

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 просмотров • 2 лет назад

Centering a Div - CSS
0:28

Centering a Div - CSS

Ali Reza

187,819 просмотров • 1 год назад

♡ 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 просмотров • 1 год назад

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 просмотров • 2 лет назад

¡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 просмотров • 8 месяцев назад

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,399 просмотров • 1 год назад

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

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

池田 泰延

60,894 просмотров • 1 месяц назад

Master CSS Grid in 2 CSS lines!
0:59

Master CSS Grid in 2 CSS lines!

Ania Kubów #JavaScriptGames

67,365 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 8 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 2 лет назад

El otro día os compartía un juego de mesa llamado kaboom, hoy con la ayuda del gran @Elfonsdelmar os dejo la versión online, sin necesidad de imprimir los tableros o usar palos numerados. Es un Genially (Español) reutilizable con el que podéis crear vuestros propios tableros o ...
1:54

El otro día os compartía un juego de mesa llamado kaboom, hoy con la ayuda del gran @Elfonsdelmar os dejo la versión online, sin necesidad de imprimir los tableros o usar palos numerados. Es un Genially (Español) reutilizable con el que podéis crear vuestros propios tableros o ...

Yanoteajunto

34,786 просмотров • 3 лет назад