Fading FOTOS EN LA DISPOSICIÓN DE DISUESTOS UTILIZANDO CSS
-
12-12-2019 - |
Pregunta
Tengo un sitio web, y una presentación de imágenes en la página principal.Antes de quitar una foto, escribo la siguiente foto detrás de ella y luego retírela.Quería saber cómo puedo agregar un efecto de desvanecimiento antes de que se elimine la foto.Mi sitio web es: Guyzyl.org, para que puedas ver de qué estoy hablando.Además, no sé cómo usar jquery, así que no ofrezca esa solución.Gracias por cualquier ayuda.Chico z.
Solución
.photo{
-webkit-transition: opacity .5s ease-in-out; /*Webkit*/
-moz-transition: opacity .5s ease-in-out; /*Firefox*/
-o-transition: opacity .5s ease-in-out; /*Opera*/
transition: opacity .5s ease-in-out; /*CSS3 Standard*/
opacity: 1;
}
.photo.fade{
opacity: 0;
}
document.querySelector(".photo").classList.add("fade");
Ver Demo: http://jsfiddle.net/derekl/jzlzz/
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow