Tarjetas Giratorias (flip card) | HTML y CSS

[@luisrodriguez4182]

Tienes una forma de explicar simple y al grano... gracias maestro!!

[@julianleyes8897]

Estoy por hacer un proyecto final y la verdad con este tutorial seguro la rompo! Sos un genio! Gracias por el video!

[@franciscochiri5240]

Practico, simple, bonito, no se puede pedir más

[@luissoto8904]

¡Excelente! Muy bien explicado y claro. Muchas Gracias.

[@Cristian.8935]

gracias por este video. la verdad me encanto el efecto que queda al final de las tarjetas

[@informaticahidrocentro6312]

Gracias. pero tengo un problema en cuanto cuando jira y la imagen detras va hacia abajo en el momento que le a punto gira hacia abajo y no al mismo sitio donde se ubican la imagen..

[@cristiansantoro7856]

sos un genio, las tarjetas quedan geniales

[@marcodiez]

Funcionaron al 100%, muy chulas las tarjetas, nuevo like y suscriptor Sr :D

[@NicolasMoraes2232]

no puedo hacer que hover me afecte a todos los elementos a la vez... es decir , si posiciono sobre el texto, afecta solo texto, o sobre la imagen, solo a la imagen...

[@elliscaicedo9045]

como púedo poner tarjetas en todo el centro y en forma de cruz?

[@fernandogualdron5912]

Excelente muy buen tutorial. Gracias

[@leoprone1]

Excelente, muchas gracias!

[@fifanofaurios]

diossssss... siento que te amo jajajajaja. Gracias genio!!!!

[@ManuelMendozaGaymer]

En mi caso gira, pero no con esa animacion, si no de manera mas estatica ¿que podria hacer?

[@AngelMartinez-mc8iz]

Excelente video. Aplicas muchos atributos que es muy util saber su funcion🎩

[@rerreina]

Ese mismo procedimiento se puede integrar con sitepad website builder interesa saber sobre ese tema o como se puede hacer en sitepad website builder gracias

[@gustavoangelavilacardenas1854]

tendras alguna forma de hacerlo con taildwind?

[@elizabethmichailian3945]

Me podrias decir como poner un titulo arriba, por que me lo toma en el medio. Please

[@manuellopeztoribio2843]

bro tengo una duda por que una parte aparece la imagen y en la otra en blanco y seguí tus pasos uno por uno

[@alanalvarez3194]

Me aparecen las 3 imagenes debajo, como hago para ponerlos lado al lado

[@yubeladonis7798]

10 de 10 el video

[@1989MRamos]

Muchas gracias, me sirvió y me funcionó tal cual.

[@aborges8851]

Fino Brother...!!! gracias

[@TEOHERVEL]

Me gusto tu método, gracias.

[@GodnestoWawei27]

Muchas gracias amigos, excelente

[@xrl8446]

amigo hice todo lo del tutorial pero las letras me quedan afuera

[@Naneba04]

Mil gracias KAPO!!

[@ivanmaldonado5681]

sos un maestro

[@toronjamon5403]

Gracias por la informacion! Me resulto muy util!

[@camiloguerra6488]

Buenas! Ya teniendo todo al iniciar la tarjeta me muestra el H3 no esta oculto, funciona todo pero el texto en h3 sigue mostrandose encima de la tarjeta. Que podria ser?

[@camiloguerra6488]

Ya lo soluciones, z-index: 2; y 1 en front y back. Me gusto el efecto, tome su buen like hombre

[@lucianamunoz9431]

Alguien sabría cómo puedo hacer para insertarlo después en Google site y q funcione? Hay q modificar algo?

[@WokerJn]

buenisimo la verdad tienes un nuevo sub y campanita arriba buenisima bro gracias 💪💪

[@oroumama]

¿podría hacer el mismo tutorial pero agregando una función "onclick" en lugar de la función "hover"? Lo intenté pero solo funciona con la primera imagen...

[@ErrorNotFound-vo3sg]

Muchas gracias !

[@dr.manthanos7781]

me encanta como se ve esto, pero... cómo lo harías para que en vez de poner el cursor encima sea clicar?

[@josemartinezflorez5230]

uffffffff super te mereces 1000000👍

[@AlejandroRamirez-fr3jc]

Genial muchas Gracias me sirvió mucho

[@santiagocastro3983]

un grande bro!!!

[@cristhianjaredramosorozco7628]

Amigó como puedo hacer para que quepan 4

[@lorenasuarez2696]

Hola me a gustado mucho este tutorial y lo eh seguido pero me queda de manera vertical que debo hacer en este caso? ❤

[@autodidactdev1482]

Hola, para poder hacer vertical tienes que asegurarte que la etiqueta body tiene la propiedad display: flex Asegúrate que estas llamando a la etiqueta como body y no como .body o #body, pero si quieres ver el código del ejercicio lo vas a poder encontrar el la descripción del video : )

[@rocioardanaz6527]

Que pasaria si este codigo se hace en SASS con el anidamiento y la ubicacion del hover para no afectar a los hijos?

[@rosarioalejandrinarodrigue8152]

Me encantó tu video, por favor una animación de una página completa.

[@autodidactdev1482]

Gracias por tus palabras, posiblemente lo haga mas adelante :)

[@sherklan]

crack capo grozooo

[@oliverrodriguez3238]

Se puedo hacer de alguna forma que el giro lo active un btn o un link? Estuve intentando con target pero en el giro de regreso no lo hace porque la card ya está apuntada

[@David-ask]

me encanto , bien explicado y conciso , gracias !!! tendras un formulario de registro que se corra al pasar de login a registrarse. lo he intentado y no me sale

[@bryanzhunio6250]

Muy bueno!!!!

[@pantera10632]

gracias ojala puedas hacer mas ejercicios, por ejemplo de web sites completos saludos

[@autodidactdev1482]

Tratare de hacerlo :)

[@jonathanpuente2255]

Grande!

[@pularev93]

te hago una pregunta, soy nueva en esto y estoy practicando, si tengo contenido de Bootstrap y quiero aplicar este contenido, me va a funcionar? saludos!!

[@lourdesortiz8699]

Muy buenoooo

[@maytearenal7206]

¡¡¡ GRACIAS !!!

[@devdofuturo]

Thanks bro!

[@Leppin777]

Es responsive?

[@Henry_Nunez]

😊👍

[@fernandacordova1268]

Muy bueno

[@horaciomanuliwd]

No me salió. Las fotos quedaron fijas, y, por ende, no se mueven. además el texto no que dó detrás de las tarjetas, sino, al costado. Copié el código igual, y no me funciona. Las tarjetas, SÍ giran bien, pero, casi todo lo demás, NO me lo toma. Voy a tratar de probar con otras variaciones de códigos. Saludos.

[@bullish7082]

No me funciono;(

[@brunoquezada8065]

JAAJAJAJAJAJAJJAJAJA

[@bullish7082]

@@brunoquezada8065 Ya me funciono

[@bullish7082]

@@brunoquezada8065 Ahora si me funciona😏

[@nathaliamartins1637]

4:45