2017 altex.ro

Trucuri simple pentru imaginile tale

utilizar stilul CSSDoar cu CSS putem da un efect aparte unei imagini pentru a atrage atentia asupra ei. Cu anumite schimbari ce am realizat pe acest blog folosind stilul CSS modificarile fiind vizibile in partea de jos unde apar retelele de socializare. Trecand mouse-ul peste ele se observa cum se amplifica luminozitatea lor. Pentru a obtine acest efect vom folosi un truc simplu:

Inainte de ]]></b:skin> se adauga urmatoarea linie de cod:
.hove {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.hove:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
Salveaza modificarile.
Si acum ori de cate ori vrei sa folosesti acest efect folosesti urmatorul cod:
<img class="hov" src="URL IMAGINE"/>
Vei inlocui "URL IMAGINE" cu url-ul imagini care doresti sa apara.

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc