hue-rotate() CSS fonction

Définition de la CSS hue-rotate().

La fonction de Teinte CSS hue-rotate() de la propriété de Filtre CSS permet de spécifier la quantité d'effet de rotation de la teinte à appliquer sur un élément.

Exemple de syntaxe CSS hue-rotate() :
filter : hue-rotate(50deg);
filter : hue-rotate(30);
filter : hue-rotate();

La fonction de Teinte CSS hue-rotate(angle) peut prendre comme angle :

Vous pouvez tester l'effet en live du filtre Css hue-rotate().

Utilisez le convertisseur d'angles pour trouver les équivalences d'un angle en degré, radian, grade (gradian) ou turn (tour).

Conditions d'application de la CSS hue-rotate().

La fonction de Teinte CSS hue-rotate() peut être utilisée sur l'ensemble des éléments (X)HTML et pas seulement sur des éléments graphiques.

Problème d'interprétation de hue-rotate() en Css.

La propriété de Filtre CSS filter n'est pas reconnue pour tous les navigateurs.
Safari, Chrome utilisent la propriété de Filtre CSS préfixée -webkit-filter.

Conditions d'animation de hue-rotate() en CSS3.

Mettez filter comme valeur de la propriété de Transition CSS transition-property.

La CSS hue-rotate() est une fonction de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.

Règles de syntaxes CSS pour hue-rotate().

Valeurs particulières de l'angle de hue-rotate()

Si valeur de l'angle passée à la fonction de Teinte CSS hue-rotate() est :

  • 0, pas de changement.
  • omise, la valeur est considérée comme valant 0deg.

Compatibilités navigateurs de la fonction hue-rotate()

Votre avis sur la définition hue-rotate() en CSS

Votez pour la définition CSS hue-rotate()

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/hue-rotate-css-fonction.html Votes: 3.9 / 5 - 7 votes
Cliquez sur une étoile pour voter.