Posted by : Anilyan
26/08/13
www |
Oyahou, minna-san, agora trago um efeito para imagens que eu mesma criei. No entanto, não tem nada assim de especial, pois consiste em juntar partes de vários efeitos ~dái o nome mixture. Só post aqui para o caso voltar a precisar.
Preview: (nota1» Pelo meio a imagem gira; nota2» o fundo não vem incluído)
sem hover |
com hover |
Fazendo:
Vá ao seu HTML e antes de /b:skin, escreva:
.efeitomix1 {
border: 1px dotted #D2691E;
padding: 1px;
border-radius: 5px;
opacity:0.82;
-webkit-transition-duration: .50s;
}
.efeitomix1:hover {
border: 1px solid #CD0000;
border-radius: 0px;
box-shadow: 1px 0px 4px #FF4500;
opacity:1.0;
-webkit-transform: rotate(360deg);
-webkit-transition-duration: .50s;
}
Você já sabe como aplicar efeitos, não? Na classe da imagem, dentro do gadget.
Ja nee :3