[CSS] Mostrar um elemento lentamente
como fazer um elemento aparecer na tela lentamente?
Ex: Uma imagem que vai ficando visível aos poucos.
Ex: Uma imagem que vai ficando visível aos poucos.
Victor Machado
Curtidas 0
Melhor post
Michael Batista
27/10/2016
você não justificou em que circunstância a imagem ira alterar sua visibilidade,
.mas supondo que seja em um hover (ao passar o mouse em cima)
você pode usar os css abaixo:
opacity: 0.5;
animation-name: example;
animation-duration: 4s;
tenho certeza que vai encontrar as resposta que procura neste link, tem vários exemplos legais sobre animações de css
http://www.w3schools.com/css/css3_animations.asp
.mas supondo que seja em um hover (ao passar o mouse em cima)
você pode usar os css abaixo:
opacity: 0.5;
animation-name: example;
animation-duration: 4s;
tenho certeza que vai encontrar as resposta que procura neste link, tem vários exemplos legais sobre animações de css
http://www.w3schools.com/css/css3_animations.asp
GOSTEI 3
Mais Respostas
Diego Silva
27/10/2016
Olá Hugo,
Isso também pode ser feito com jQuery.
Qual seria o exemplo que você precisa fazer?
Isso também pode ser feito com jQuery.
Qual seria o exemplo que você precisa fazer?
GOSTEI 1
Raphael Alves
27/10/2016
Acredito que o animation seja a melhor opção, você pode colocar a imagem com opacity: 0; e no final da página colocar o <style> com o animation indo pro opacity: 1; . Ele fica no final da página pra não realizar a animação antes de carregar a imagem, mas você tbm pode usar o delay pra atrasar um pouco a animação.
Abs.
Abs.
GOSTEI 3