• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

12 de março de 2013

Efeito Keiko

Não esqueci da comemoração de um ano do blog, postarei depois, infelizmente estou esgotada e sem tempo.
555544_10151025924992153_1091026811_n_large
Essa imagem me inspirou
Olá caramelos com flocos coloridos!

Bem, já vou avisando que esse post tem mais texto do que tutorial, sério, é super pequeno o tutorial, mas meu texto é enorme '-'
Realmente não sei como estou aqui postando para vocês, tenho um trabalho de geografia para entregar amanhã e ainda um de educação física para a próxima terça-feira, estou muito ausente, isso dá pra perceber muito nesses dias né?! hehehe, provas e mais provas, estão acabando comigo de tanta ansiedade de saber minhas notas, acho que não me saí muito bem nelas, exceto a de geografia que era de consulta.

Hoje não tive aula, fui para escola atoa acreditam?! cheguei lá e fiquei esperando duas aulas vagas a professora de história para fazer sua prova, acabando que ela não foi, então eu deveria esperar até depois do recreio para que pudéssemos ter aula de artes, então fui diretamente à professora e ela nos liberou o/ fiquei muito in love com isso, pois assim pude ter mais tempo para ler o livro 'A Hospedeira', queria ver o filme, mais me contento com o livro até ver o filme ._.
Mais já estou falando demais sobre meu dia-à-dia não é gente?! e hoje o post foi preparado para vos ensinar como fazer esse efeito super cute que aprendi no M.H [www]

Vocês já devem saber que o Html está mudado não?! então de acordo com o novo HTML, procure por <b:skin> e clique na setinha ao lado para expandir; agora procure por ]]></b:skin> e cole acima:


.keiko {
border: 2px solid #DCDCDC;
box-shadow: 0px #DCDCDC;
-webkit-transition-duration: .80s
}
.keiko:hover {
border: 2px solid #ADFF2F;
box-shadow: 0px #fcbac5;
-webkit-filter: saturate(0%) ;
opacity: .60;
}

Para usar, cole isso em um HTML / Javascript ou no seu HTML de post:
<a href="http://LINK/" target="_blank"><img src="URLDAIMAGEM" class="Keiko" />

Espero que tenham gostado do post, e aposto que não leram o texto uhsuahs' beijos gente, agora irei estudar para a prova de amanhã de matemática, me desejem boa sorte o/

Nenhum comentário:

Postar um comentário