[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.
Victor Machado

Victor Machado

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

Michael Batista

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?
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.
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar