Colocando efeito animado nas imagens do blog - CSS Transition e CSS Animation

Efeito nas imagens
A pedido de alguns leitores, vamos ensinar como colocar efeitos de animação em imagens com css transition e css animation.
Tutorial
Primeiro, vá ao painel do Blogger, modelo, editar html. Na caixa de códigos, dê um Ctrl+F e procure pela tag ]]></b:skin> Logo acima desta tag, cole o código que desejar para ter o efeito em suas imagens.
Só se pode aplicar um código no blog. Caso queira mudar, delete o código anterior e cole o próximo que você quer.
Abaixo, seguem os estilos css e seus respectivos efeitos:
Efeito espelho

Mudar a cor do fundo

Deslocamento da imagens para o lado

Elástico amplia as imagens

E, então, gostou? Comenta aí!
4 comentários :
O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.
Assinar:
Postar comentários
(
Atom
)
Amei as dicas!
ResponderExcluirOlá Mila, Ficamos felizes que o artigo tenha sido útil para você
Excluirabraços Andrew Silva do BG.
vlw funcionou direitinho ficou muito bonito vlw mesmo !
ResponderExcluirOlá Brayan, agradecemos o contato e estamos satisfeitos em saber que o artigo foi útil.
ExcluirAbraços Andrew Silva do BG.