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

4 comentários
animação

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 :

  1. Respostas
    1. Olá Mila, Ficamos felizes que o artigo tenha sido útil para você
      abraços Andrew Silva do BG.

      Excluir
  2. vlw funcionou direitinho ficou muito bonito vlw mesmo !

    ResponderExcluir
    Respostas
    1. Olá Brayan, agradecemos o contato e estamos satisfeitos em saber que o artigo foi útil.
      Abraços Andrew Silva do BG.

      Excluir

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.