Desaparecendo fotos em apresentação de slides usando CSS
-
12-12-2019 - |
Pergunta
Tenho um site e uma apresentação de slides de fotos na página principal.Antes de uma foto ser removida, escrevo a próxima foto atrás dela e a removo.Queria saber como posso adicionar um efeito de desbotamento antes de a foto ser removida.meu site é:guyzyl.org, para que você possa conferir do que estou falando.Além disso, não sei como usar o Jquery, então, por favor, não ofereça essa solução.Obrigado por qualquer ajuda.Cara Z.
Solução
.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");
Veja a demonstração: http://jsfiddle.net/DerekL/jzLZZ/
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow