Opacitatea

postat acum 4 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!

Comentariu postate de yeezy boost 350 la data de 18.05.2019
I am writing to make you be aware of of the extraordinary encounter my child obtained reading your site. She learned plenty of issues, with the inclusion of what it is like to possess an incredible coaching heart to get other people really easily know just exactly several extremely tough topics. You truly surpassed readers' expectations. I appreciate you for offering the precious, healthy, educational as well as unique thoughts on the topic to Jane.