Efectul de schimbare a imaginilor pe un site poate fi obtinut cu intructiuni in CSS-ul site-ului.
Pentru asta codul de mai jos trebuie adaugat in sursa CSS-ului existenta pentru website:
img {
transition: filter .5s ease-in-out;
-webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
filter: grayscale(0%); /* FF 35+ */
}
img:hover {
-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
filter: grayscale(100%); /* FF 35+ */
}
Aceste doua reguli vor face ca atunci cand treci cu mouse-ul peste o imagine (orice are tag img src = ) sa se "coloreze" in tonuri de gri.
Ultima actualizare: 12/10/2022 06:25
Un total de 4 / 4 utilizatorii au găsit acest articol util.