Animacion en Thumbails
Hola a todos,
alguien podría decirme donde o como puedo sacar el código de la animación para de estos thumbails?
Intente buscar con "Inspeccionar" del Chrome pero nada.
Gracias de antemano! :)
Hola a todos,
alguien podría decirme donde o como puedo sacar el código de la animación para de estos thumbails?
Intente buscar con "Inspeccionar" del Chrome pero nada.
Gracias de antemano! :)
Seguro que tienes mucho que decir, te estamos esperando.
smalonso Mod
Disculpa pero no se entiende la duda, quizá te falta alguna imagen o más infonformación. ¿Podrías contextualizar lo que estás haciendo? ¿De que animación y thumbnails estás hablando?
mcm
Perdon @the_dude olvide adjuntar el link :-(
es de esta pagina web en la parte inferior estan los thumbs de proyectos, la animacion que hace al hacer el over me refiero:
https://katiforner.com/
Muchas gracias de antemano!
mcm
Hola,
alguien más podría ayudarme? gracias!
mcm
Up! :-)
smalonso Mod
En el código si se ve. El HTML es tal que asi:
La imagen como el texto está contenido por una <a>. El <div> overlay que contiene el texto, también es el fondo de color que se sobrepone a la imagen. Este <div> tiene una opacidad de cero al empezar y cuando pasas el ratón la opacidad de 1. Con el mismo tipo de acción, tanto el título cómo el tag tienen animadas la posición, uno va de arriba a abajo 50px y el otro de abajo a arriba 50px. Todo es CSS, no JS.
Te dejo los parámetros relevantes del CSS para hacerlo, pero tienes que adaptarlo a tu código.