Trucuri simple pentru imaginile tale

Doar 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.