Loading video...

Video Failed to Load

Go Home

¡Animaciones al hacer scroll con puro CSS! Sin JavaScript. Sin bibliotecas. Sin hacks raros. Lo mejor: disponible en todos los browsers modernos. Y es tan fácil hacerlo como esto:

midudev's profile picture

Miguel Ángel Durán

327,774 subscribers

38,497 views • 1 month ago •via X (Twitter)

ArtsEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

¡Es increíble que podamos hacer esto sólo con CSS! Fija el header y anima sus propiedades al hacer scroll. Sin usar JavaScript y en 10 líneas de código.
0:11

¡Es increíble que podamos hacer esto sólo con CSS! Fija el header y anima sus propiedades al hacer scroll. Sin usar JavaScript y en 10 líneas de código.

Miguel Ángel Durán

152,674 views • 2 years ago

¡Es increíble que podamos hacer esto con sólo CSS! Fija el header y anima sus propiedades al hacer scroll Sin usar JavaScript y en 15 líneas de código ↓
0:11

¡Es increíble que podamos hacer esto con sólo CSS! Fija el header y anima sus propiedades al hacer scroll Sin usar JavaScript y en 15 líneas de código ↓

Miguel Ángel Durán

84,109 views • 2 years ago

¡Increíble poder hacer esto con sólo CSS! Fija el header y anímalo al hacer scroll. 0 JavaScript y sólo 15 líneas de CSS:
0:11

¡Increíble poder hacer esto con sólo CSS! Fija el header y anímalo al hacer scroll. 0 JavaScript y sólo 15 líneas de CSS:

Miguel Ángel Durán

51,201 views • 1 year ago

¡Más HTML y menos JavaScript! El lenguaje evoluciona. Abre y cierra modales sin escribir código JS. Se llama Invoker Commands y ya es compatible con todos los navegadores modernos:
0:12

¡Más HTML y menos JavaScript! El lenguaje evoluciona. Abre y cierra modales sin escribir código JS. Se llama Invoker Commands y ya es compatible con todos los navegadores modernos:

Miguel Ángel Durán

40,465 views • 5 months ago

Lo que es con el Presidente, es con todos los jaguares. No se embarquen. Es mejor retirarse, dejar de parasitar, y poder seguir viviendo en Costa Rica; que perder todo lo malhabido y morir en la ignominia, sin paz y sin patria; ni los corruptos ni sus descendientes.
0:15

Lo que es con el Presidente, es con todos los jaguares. No se embarquen. Es mejor retirarse, dejar de parasitar, y poder seguir viviendo en Costa Rica; que perder todo lo malhabido y morir en la ignominia, sin paz y sin patria; ni los corruptos ni sus descendientes.

Carlos Vásquez Landergren 🇨🇷

99,270 views • 1 year ago

POR FIN, nueva forma de CENTRAR con CSS. Más fácil y sin necesidad usar flex ni grid. Podrás usar "align-content" en elementos de bloque Ya disponible en Chrome 123 y pronto en los demás ↓
0:11

POR FIN, nueva forma de CENTRAR con CSS. Más fácil y sin necesidad usar flex ni grid. Podrás usar "align-content" en elementos de bloque Ya disponible en Chrome 123 y pronto en los demás ↓

Miguel Ángel Durán

110,319 views • 2 years ago

Campeones del mundo Sub18. Sin Lamine, sin Cubarsí, sin Bernal, sin Jofre, sin todos los juveniles q circulan en en el Barça Atlètic. Es increíble. La mejor cantera del mundo. Con una diferencia abismal sobre el resto.
0:18

Campeones del mundo Sub18. Sin Lamine, sin Cubarsí, sin Bernal, sin Jofre, sin todos los juveniles q circulan en en el Barça Atlètic. Es increíble. La mejor cantera del mundo. Con una diferencia abismal sobre el resto.

David Bernabeu Reverter

308,408 views • 9 months ago

El análisis serio del "NN" que está en TyC Sports: "Platense no dejó a River ser River, y lo hizo con sus armas. Y sin hacer tiempo, sin tirarse, salvo al último..." ¡SIN HACER TIEMPO DIJO! ¡SIN HACER TIEMPOOOOOO!
0:12

El análisis serio del "NN" que está en TyC Sports: "Platense no dejó a River ser River, y lo hizo con sus armas. Y sin hacer tiempo, sin tirarse, salvo al último..." ¡SIN HACER TIEMPO DIJO! ¡SIN HACER TIEMPOOOOOO!

⚪️🔴⚪️Mac Ryver⚪️🔴⚪️ Game Over: 9-12-18

162,167 views • 1 year ago

¡Tremenda colección de botones para mejorar tu web! De copiar y pegar, sin JavaScript y con Tailwind CSS →
0:16

¡Tremenda colección de botones para mejorar tu web! De copiar y pegar, sin JavaScript y con Tailwind CSS →

Miguel Ángel Durán

49,322 views • 2 years ago

GSAP, una de las mejores bibliotecas JavaScript para animaciones web, ahora es 100% GRATIS incluso para uso comercial. Complementos como SplitText, que antes eran de pago, ahora se pueden usar sin coste. ¡Ahora ya no hay motivos para no usarlo!
0:11

GSAP, una de las mejores bibliotecas JavaScript para animaciones web, ahora es 100% GRATIS incluso para uso comercial. Complementos como SplitText, que antes eran de pago, ahora se pueden usar sin coste. ¡Ahora ya no hay motivos para no usarlo!

Miguel Ángel Durán

46,593 views • 1 year ago

La nueva web de GTA VI es espectacular. Animaciones a través del scroll con JavaScript. ¿La intentamos hacer juntos en directo desde cero?
0:14

La nueva web de GTA VI es espectacular. Animaciones a través del scroll con JavaScript. ¿La intentamos hacer juntos en directo desde cero?

Miguel Ángel Durán

260,693 views • 1 year ago

Asi es como se toman las cosas. Sin victimismo, agresión, sin hacer drama. Les dejaron las peores camas y ellos están como si nada, ni tan siquiera se quejan a solas. Lo toman como lo q es 🤷🏼‍♀️ No piensan en lo q dirán afuera y actúan en consecuencia ni se fijan en las 🎥#LCDLF4
0:17

Asi es como se toman las cosas. Sin victimismo, agresión, sin hacer drama. Les dejaron las peores camas y ellos están como si nada, ni tan siquiera se quejan a solas. Lo toman como lo q es 🤷🏼‍♀️ No piensan en lo q dirán afuera y actúan en consecuencia ni se fijan en las 🎥#LCDLF4

Alexa 💕💖

62,028 views • 2 years ago

¡NUEVO en CSS! display: grid-lanes Crea layouts tipo Pinterest sin JavaScript ni bibliotecas. Desbloquea un montón de nuevos diseños para la web. Por ahora sólo funciona en Safari pero pronto llega a Chrome, Edge y Safari.
0:12

¡NUEVO en CSS! display: grid-lanes Crea layouts tipo Pinterest sin JavaScript ni bibliotecas. Desbloquea un montón de nuevos diseños para la web. Por ahora sólo funciona en Safari pero pronto llega a Chrome, Edge y Safari.

Miguel Ángel Durán

38,911 views • 4 days ago

Adorni fue y los paseo a todos. Sin duda, el mejor candidato. TODOS CON ADORNI
0:19

Adorni fue y los paseo a todos. Sin duda, el mejor candidato. TODOS CON ADORNI

Escuela Austriaca de Economía 🇦🇷

20,795 views • 1 year ago

¡Detecta caras en JavaScript fácilmente! Con esta biblioteca lo consigues con poco código. Lo mejor: funciona en el navegador, sin servidores. > npm i face-api.js
0:10

¡Detecta caras en JavaScript fácilmente! Con esta biblioteca lo consigues con poco código. Lo mejor: funciona en el navegador, sin servidores. > npm i face-api.js

Miguel Ángel Durán

63,536 views • 1 year ago

La izquierda y los jubilados en la calle. Como todos los miércoles, con o sin campaña electoral.
0:18

La izquierda y los jubilados en la calle. Como todos los miércoles, con o sin campaña electoral.

Gabriel Solano

52,990 views • 7 months ago

HTML y CSS para crear un menú lateral animado usando la API de popover y la regla CSS starting-style. Sin JavaScript.
0:10

HTML y CSS para crear un menú lateral animado usando la API de popover y la regla CSS starting-style. Sin JavaScript.

Miguel Ángel Durán

20,113 views • 1 year ago

¿Necesitas un LOADER o SPINNER para tu web? ¡Este recurso tiene más de 500 distintos! » CSS puro, sin JavaScript » Copia el código con un clic » Decenas de estilos diferentes →
0:14

¿Necesitas un LOADER o SPINNER para tu web? ¡Este recurso tiene más de 500 distintos! » CSS puro, sin JavaScript » Copia el código con un clic » Decenas de estilos diferentes →

Miguel Ángel Durán

122,030 views • 2 years ago

¿Trabajar en algo "real"? Eso ya no se usa. Hollywood se ha quedado en el pasado. Sora 2 de Higgsfield ahora es para todos. Cineastas con IA están creando y vendiendo cortos como coleccionables digitales. Es global, sin límites… y sin jefes. Mira esto 👇
0:12

¿Trabajar en algo "real"? Eso ya no se usa. Hollywood se ha quedado en el pasado. Sora 2 de Higgsfield ahora es para todos. Cineastas con IA están creando y vendiendo cortos como coleccionables digitales. Es global, sin límites… y sin jefes. Mira esto 👇

YokerAI

32,127 views • 8 months ago