TUTORIAL-Efeito shine

BOM DIA GALERA!
Enquanto o Hora de Anime está em reformas,eu venho postar aqui,(típico...)
E voltando ao nosso post,hoje eu trouxe pra vocês o efeito SHINE,que é o que eu uso no QUEM SOMOS do Hora de Anime,se você nunca viu,tem um preview aqui,role a página até achar o gadget de nome EFEITO SHINE.
Se ainda estiver interessado clique em CONTINUE LENDO...

1. Vá até editar HTML e procure por ]]></b:skin>. Acima dessa tag, cole:

.image_shine{

    width:  LARGURApx;

    height: ALTURApx;

    margin-right: 5px;

    margin-bottom: 5px;

    position: relative;

    float: left;

    border: 3px solid #CORDABORDA;

}

.hover_shine{

    width:115px; height: 115px;

    background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png);

    position: absolute;

    background-position: -265px 0;

    left:0px; top:0px;

    background-repeat:no-repeat;

}

.hover_shine:hover{

    background-position: 10px 0;

    -webkit-transition: background-position .9s ease;

       -moz-transition: background-position .9s ease;

         -o-transition: background-position .9s ease;

            transition: background-position .9s ease;

}

 Edite as partes em negrito e depois salve,se você olhar direito o código vai ver que tem como mudar a velocidade que o brilho passa,mais eu só vou dar a vocês o mais importante.

2. Em um gadget de HTML/JavaScript, cole:

<div class="image_shine">

<img src="LINK DA IMAGEM"/>

<a href="LINK" title="TITULO"><div class="hover_shine"></div></a>

</div>

Agora é só mudar o que esta em negrito (cor azul e rosa) pelo que se pede e pronto! FÁCIL NÉ? créditos:http://www.kawaii-world.net