Comment - Ajouter des effets d'image

Apprenez à ajouter des effets visuels aux images.

Filtres CSS

Le CSS filter propriété ajoute des effets visuels (like blur and saturation) le (like blur and saturation) la (like blur and saturation) à un élément.

Remarque: La propriété filtre est pas pris en charge dans Internet Explorer, bord 12 ou Safari 5.1 et versions antérieures.

Exemple Niveaux de gris

Changer la couleur de toutes les images en noir et blanc (100% gray) de (100% gray) :

img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

Original image

grayscale(100%)

Essayez vous - même »

Blur Exemple

Appliquer un effet de flou à toutes les images:

img {
    -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
    filter: blur(5px);
}

Original image

blur(5px)

Essayez vous - même »

Aller à notre CSS filter Property pour en savoir plus sur les filtres CSS.