当前位置:网站首页>Filtre rotatif de teinte magique Hue rotate

Filtre rotatif de teinte magique Hue rotate

2021-11-25 17:12:54 Avant - plan de l'étude des marsouins

Si vous voulez obtenir l'effet dynamique du changement de couleur,L'utilisation d'un filtre rotatif à tonalité peut être envisagée:filter:hue-rotate()
filter C'est une méthode puissante,Divers filtres peuvent être ajoutés aux éléments,Comme le flou.、Les ombres、Gris, etc.
hue-rotate Peut changer l'élémentTeinte,Montrer des couleurs plus belles.
CAS1:Définir la couleur de fond du bouton

<button style="background: #2486ff;filter: hue-rotate(350deg);">Boutons</button>

Mais,Si vous définissez simplement la couleur de fond,Le changement de teinte n'est pas sûr,Et en généralUIUne valeur de couleur spécifique sera donnée.
Alors...,hue-rotateC'est mieux.Effet dynamique du changement de couleur.
CAS2:La couleur du texte surligné clignote

<span>La la la</span>

span {
    background: red;
    animation: hue 3s;
}
@keyframes hue {
    from {
      filter: hue-rotate(0deg);
    }
    to {
      filter: hue-rotate(-360deg);
    }
}

版权声明
本文为[Avant - plan de l'étude des marsouins]所创,转载请带上原文链接,感谢
https://chowdera.com/2021/11/20211125171112759l.html

随机推荐