Baza de cunoștințe

Schimbarea culorii imaginilor de la color la alb-negru - Hoover Effect CSS

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.

Ați găsit util acest articol? Da | Nu