IMAGEN HOVER, SE OPACA O ACLARA AL PASAR MOUSE



 Entras a tu blog, y te vas a Diseño >> Edicion de HTML y le pones Expandir plantillas de artilugios y ahora buscas 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 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 { o bien el de /* Content en la plantilla de blogger,  pones los dos codigos.

Por ejemplo, tu codigo final quedaria asi:
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);

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;
}

Bien cualquier duda decidmela bye 

REFERENCIA "KAWAII TUTOS"......

Firma Post



No hay comentarios:

ir arriba