EFECTO IMAGEN QUE SE OPACA O ACLARA AL PASAR MOUSE


 Entras a tu blog, y te vas a Plantilla, busca este codigo
.img
o
a: img {

 Y justo abajo pondras este codigo:
border: 0px;  
opacity: 100; 
filter: alpha(opacity=100); 
-o-transition: opacity 1.5s linear;
border-radius: 10px; 
-webkit-transition: opacity 1.5s linear; 
-moz-transition: opacity 1.5s linear; 
}
te quedaria algo asi:
.img o a img {
border: 0px;  
opacity: 100; 
filter: alpha(opacity=100); 
-o-transition: opacity 1.5s linear;
border-radius: 10px; 
-webkit-transition: opacity 1.5s linear; 
-moz-transition: opacity 1.5s linear; 
}
 Ahora busca este otro codigo
img:hover 
o
a:hover img {
Bien justo de bajo de este codigo pon esto:
opacity: .70; 
filter: alpha(opacity=100);
-o-transition: opacity 1s linear; 
border-radius: 10px; 
-webkit-transition: opacity 1s linear; 
-moz-transition: opacity 1.5s linear; 
}
Y al final quedaria asi:
img:hover o a:hover img {

opacity: .70; 

filter: alpha(opacity=100);

-o-transition: opacity 1s linear; 

border-radius: 10px; 

-webkit-transition: opacity 1s linear; 

-moz-transition: opacity 1.5s linear;  
} 

 Puede llegar a suceder que en tu plantilla no venga estos codigos si llegara a suceder solo pega los dos codigos finales, para ello busca la seccion de body { despues de su codigo de body pones los dos codigos.

Por ejemplo, tu codigo final quedaria asi:

body {
background:url(http my img);
font-family:  trebuchet ms;
background-attachment:fixed;
cursor: url(http:my cursor), auto;
}

img, a img {
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear; }

img:hover, a:hover img {
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear; }

Listo ya quedo, recuerda comentar y si tienes dudas dimelas! 

REFERENCIA "KAWAII TUTOS"......

Firma Post

No hay comentarios:

ir arriba