

.imgOa: 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; }
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; }

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

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: