Efeito Cleared

Aprenda a como fazer o efeito continuando a ler a postagem!

1 Vá para Tema > Editar HTML > Clique na caixa de código e aperte Ctrl + F ou F3 > Procure por ]]></b:skin> > Cole o seguinte código acima: img.cleared { padding: 2px; background: #fff; border: 1px solid #ddd; opacity: 0.6; } img.cleared:hover { opacity: 1; } img.cleared, img.cleared:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; } 2 Faça as alterações necessárias, como cor de fundo ou da borda.

3 Salve.

4 Vá até a parte do blog onde você quer adicionar o efeito. Cole o seguinte código abaixo:
<img class="cleared" src="LINK_DA_IMAGEM" width="100px" /> 5 Faça as alterações necessárias.

6 Salve.

Comentários

  1. Oláa Alan, tudo bem?

    Senti falta de uma introdução rsrs, mas só o efeito está bom também >.<
    Cara, parabéns que você tenha terminado a faculdade, e quanto talento você tem.. Eu a 5 anos atrás pensei em fazer ciências da computação mas quando eu vi a grade curricular eu quis sair correndo, álgebra, matemática aplicada não é comigo, apesar de eu ter feito contabilidade, as contas mais difíceis que eu fiz foi na parte tributária fora isso era mais sossegado rsrs.
    O efeito é simples mas muito fofo, e seu layout ficou lindo!

    Obrigada por comentar no meu bloguinho =3

    ResponderExcluir
    Respostas
    1. Oie!

      Ok, confesso: fiquei com preguiça de fazer introdução pra esse efeito e só deixei o preview kkkkk
      Obrigado, a faculdade era bem puxada e a grade não ajudava muito mesmo, mas deu tudo certo no final. A parte tributária é mais complicada mesmo, todos os meus amigos que fizeram contábeis reclamam disso ._.

      O efeito é bem simples, mas por ajudar a dar foco no conteúdo pode ajudar a não tirar a atenção do usuário ao que importa, deixando a imagem/ícone apenas com um estilinho simples.

      Obrigado por passar aqui <3

      Excluir
  2. Olá, boa tarde!
    Achei o efeito bem bonitinho, acho que depois aplico nas imagens do blog, massss... Ainda estou vendo, pois não gosto de usar imagens, prefiro deixar vídeos de músicas no blog.
    Abraços ~ <3

    ResponderExcluir
    Respostas
    1. Também não gosto de colocar muitas imagens no blog, mas quando coloco, sempre tento deixar elas bonitinhas pra combinar com o template xD

      Abraços <3

      Excluir
  3. Oi Alan, eu demorei muito para aparecer, mas apareci kkkkkk infelizmente procrastinei real.

    Eu nem preciso dizer que o efeito é perfeito. O novo layout do Aurora também está incrível, a tempos eu venho aqui nas escondidas admirar o seu blog e fiquei surpresa de saber que você conhecia o PA o.o Enfim kkkkkkk até mais Alan.

    With love, Océane!
    Peach Aesthetic

    ResponderExcluir
    Respostas
    1. Oie!

      O efeito é bem simples, mas eu gosto quando é assim. Obrigado, fico feliz que tenha gostado do layout e que vens visitar a gente SHAUSHUAHS
      Óbvio que conheço seu blog, se veio aqui uma vez, vou ir passear no seu blog também kkkkkk

      Volte sempre~ 🌠

      Excluir

Postar um comentário

Fique à vontade para interagir e tirar dúvidas.
Peça tutoriais em Contato
Você pode usar as tags negrito (<b>), itálico (<i>) e links (<a>)
Comente com o link do seu blog para que eu possa visitá-lo ♪(^∇^*)