[Duda] Efecto doble hover | Resuelto

Vie Ago 31, 2018 9:45 am

¡Hola! Vengo con una duda bastante sencilla la verdad -me dijeron por discord que preguntara por aquí si está mal diganme ;-;

Estaba usando este tutorial: linksito al tutorial

Mi css es este:
Link al css
*Lo deje en un link para no hacer un post gigante uwu

La tablilla en si es esta:

NOMBRE
APELLIDO

SUBTITULO

TEXTO TEXT0

SUBTITULO

TEXTO TEXTO

Lo que pasa es que tenía la intención de que apareciera primero el hover "Like" (el fondo blanco) y después el "Shaker" (el que tiene el contenido mismo) y no logré cómo D: Sé que es una duda bastante sencillita, y no sé si amerita publicarlo aquí >.< Pero me dijeron que este era el lugar para preguntar cositas de tutoriales uwu

Perdonenlas molestias ;-;

Vie Ago 31, 2018 11:36 am

¡Hola, Hina! Claro que estás en el lugar indicado, muchas gracias por tu mensaje, y bueno para resolver tu duda solo necesitas ponerle más tiempo de "retraso" en el hover, es decir, si quieres que el hover del fondo tarde mas en aparecer y desaparecer solo debes añadirle más tiempo:

Código:: transition-delay: 1s ease;

Revisando tu CSS vi que de hecho el div llamado .Like tiene menos tiempo que el otro, donde tienes el texto, entonces te recomiendo que le pongas más y ya deberia tener mas retardo.

Código:: #Twice:hover .Shaker { transition: 0.8s linear; <------ top: 0px; opacity: 1; } #Twice:hover .Like { transition: 0.6s linear; <------- margin-left:0px; margin-top: 375px; transition-delay:0.6s ease; <------ }

¡Dime si te corrigió el problema! Si no con gusto vuelvo a ayudarte [Duda] Efecto doble hover | Resuelto 3518859213

[Duda] Efecto doble hover | Resuelto 70092702

Vie Ago 31, 2018 11:48 am

¡Roshio mil gracias! <3 Lo que tenía que arreglar era el transition-delay de verdad muchas gracias por hacerme ver esto <3 ¡Resuelto!

Próx

Bridgerton

Luz vs Oscuridad

Paraíso Personal

Amor y Amistad

Conejo de Pascua

[Duda] Efecto doble hover | Resuelto