Comment - Ajouter des effets d'image
Apprenez à ajouter des effets visuels aux images.
Filtres d'images
Filtres CSS
La propriété CSS filter
ajoute des effets visuels (comme le flou et la saturation) à un élément.
Remarque : La propriété de filtre n'est pas prise en charge dans Internet Explorer, Edge 12 ou Safari 5.1 et versions antérieures.
Exemple en niveaux de gris
Changez la couleur de toutes les images en noir et blanc (100 % gris) :
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Original image
grayscale(100%)
Exemple de flou
Appliquer un effet de flou à toutes les images :
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
Original image
blur(5px)
Accédez à notre propriété de filtre CSS pour en savoir plus sur les filtres CSS.