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:
.imgOa: 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:hoveroa: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:
Bien cualquier duda decidmela bye
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
No hay comentarios: