Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

color-interpolation-filters - Propriété CSS

color-interpolation-filters

Résumé des caractéristiques de la propriété color-interpolation-filters

Description rapide
Définit dans quel espace de couleurs sont calculés les effets de filtrage.
Statut
Standard
Type de valeur
Valeur prédéfinie
Valeurs prédéfinies
linearrgb | auto | srgb
Pourcentages
Ne s'appliquent pas.
Valeur initiale
linearrgb
Héritée par défaut
Oui
Type d'animation
Not animatable : la propriété color-interpolation-filters ne peut pas être animée.
Module W3C
Module filtres et effets
Références (W3C)
Statut du document:: WD (document de travail)

Description.

La propriété color-interpolation-filters définit dans quel espace de couleurs doivent se calculer les effets de filtrage (flou, saturation, etc). Cette propriété est opérationnelle sur des objets SVG, elle n'a pas d'effet sur les fonctions de filtrage de CSS (blur(), hue-rotate(), etc. celles-ci se calculant toujours dans l'espace de couleurs sRGB.

Syntaxes pour color-interpolation-filters.

Syntaxe de color-interpolation-filtersSchéma syntaxique de la propriété CSS color-interpolation-filters auto auto srgb srgb linearrgb linearrgbcolor-interpolation-filters:;color-interpolation-filters:;
  • color-interpolation-filters: auto;

    Valeur par défaut. Le navigateur choisit lui-même l'espace de couleurs dans lequel les effets de filtrage seront réalisés.

  • color-interpolation-filters: sRGB;

    Les effets de filtrage seront réalisés dans l'espace de couleurs sRGB.

  • color-interpolation-filters: linearRGB;

    Les effets de filtrage seront réalisés dans l'espace de couleurs linearRGB.

  • color-interpolation-filters: initial; color-interpolation-filters: inherit; color-interpolation-filters: revert; color-interpolation-filters: revert-layer; color-interpolation-filters: unset;

    La valeur initiale est : linearrgb.

Pas d'animation possible pour color-interpolation-filters.

La norme ne prévoit pas l'animation de la propriété color-interpolation-filters.

Exemple interactif.

Le bloc ci-dessous est un élément SVG sur lequel un filtre feDiffuseLighting a été appliqué. L'effet de la propriété color-interpolation-filters est nettement visible sur certains navigateurs.

color-interpolation-filters :

Prise en charge par les navigateurs (compatibilité).

1
color-interpolation-filters
Estimation de la prise en charge en pourcentage du parc actuel.
97%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Androïd Brower

Chrome

Chrome pour Androïd

Edge

Firefox

Firefox pour Androïd

Internet Explorer

Opéra

Opéra Mobile

Safari

Safari sur IOS

Samsung Internet

Voir aussi, dans le même module de standardisation que color-interpolation-filters.

Les spécifications CSS éditées par le W3C sont organisées en modules. color-interpolation-filters fait partie du Module filtres et effets (Filter Effects Module). Les définitions suivantes sont également décrites dans ce même module.

Propriétés.

Applique un filtre graphique sur l'élément situé en arrière plan.
Applique un filtre graphique (flou, contraste...) à un élément.

Fonctions.

Applique un effet de flou.
Ajuste la luminosité d'un élément.
Ajuste le contraste d'une image.
Définit l'ombre d'un élément (dimensions, flou, couleur).
Convertit une image en nuances de gris (noir et blanc).
Change les couleurs d'une image (rotation des teintes).
Inverse les couleurs d'une image.
Détermine le degré de transparence d'un élément.
Définit la saturation des couleurs d'une image.
Applique un effet sépia à une image.