[CSS] Mostrar um elemento lentamente
27/10/2016
0
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
Curtir tópico
+ 0
Responder
Post mais votado
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
Michael Batista
Responder
Mais Posts
21/07/2017
Diego Silva
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?
Responder
25/07/2017
Raphael Alves
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.
Responder
Clique aqui para fazer login e interagir na Comunidade :)