Opacitatea

postat acum 2 ani de Stefanescu Mihai in categorie CSS

Crearea de elemente transparente in CSS este de fapt destul de simpla.

Urmatorul cod aplica tuturor imaginilor o opacitate de 50:

img{
    opacity: 0.5;
    filter: alpha(opacity=50); /* Pentru IE8 si versiunile mai vechi */
}

In IE9, Firefox, Chrome, opera si Safari puteti folosi opacity fara probleme, insa in IE8 si versiunile mai vechi va trebuii sa folositi si filter. Aceasta proprietate, opacity, poate avea o valoare de intre 0.0 si 1.0, cu cat valoarea este mai mica cu atat opacitatea este mai mare.IE8 si versiunile mai vechi folosesc proprietatea filter care poate avea o valoare intre 0 si 100.

In exemplul urmator imaginile sunt transparente tot timpul, mai putin atunci cand un cusror este pus deasupra:

img{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

img:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
}

 

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group
Acest articol a fost mutat de pe vechea platforma.
Pentru orice eroare aparuta la mutare va rog sa ma contactati!