Comment rendre les images grises avec CSS dans Firefox

Comment transformer les images en gris à l'aide de CSS dans Firefox : cela peut être réalisé via l'attribut [-webkit-filter:grayscale(100%);]. L'attribut filter définit les effets visuels de l'élément, tels que le flou et la saturation.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5&&CSS3 Cette méthode convient à toutes les marques d'ordinateurs.

(Tutoriel recommandé : Tutoriel vidéo CSS)

Introduction à l'attribut :

L'attribut filtre définit le contenu d'un élément (généralement ) Effets visuels (tels que flou et saturation).

Valeur de l'attribut :

grayscale(%) Convertit l'image en niveaux de gris. La valeur définit l'échelle de la conversion. Si la valeur est de 100 %, l'image sera entièrement convertie en niveaux de gris, et si la valeur est de 0 %, l'image restera inchangée. Les valeurs comprises entre 0 % et 100 % sont des multiplicateurs linéaires de l'effet. Si elle n'est pas définie, la valeur par défaut est 0 ;

Exemple de code :

Effet d'implémentation :

(Recommandations associées : Tutoriel CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!