Maison  >  Article  >  interface Web  >  Pure js et css réalisent des dégradés de couleurs, y compris des compétences en dégradé statique et en dégradé_javascript dynamique

Pure js et css réalisent des dégradés de couleurs, y compris des compétences en dégradé statique et en dégradé_javascript dynamique

WBOY
WBOYoriginal
2016-05-16 16:46:261409parcourir

Quand vous pensez au « dégradé de couleurs », à quoi pensez-vous ?

Quand j'ai commencé à chercher ce terme, j'ai découvert qu'il avait en fait deux compréhensions ou deux formes : dégradé dynamique et dégradé statique.

Le dégradé dit dynamique est un exemple simple : quand il vient, son visage devient progressivement rouge... Petit à petit, ce qui change progressivement change constamment et le dégradé statique est plus simple :Un arc-en-ciel apparaît dans le. ciel, rouge, orange, jaune, vert, bleu, violet... Dans le produit fini actuellement affiché, la couleur est différente d'une pièce à l'autre. L'amplitude peut être relativement faible, et elle change progressivement, mais il y a une chose. est crucial, il existe déjà, constitue le statu quo du changement et ne peut être modifié.

De cette façon, nous utilisons d'abord javascript pour implémenter ce que l'on appelle le dégradé dynamique. Compte tenu des raisons dynamiques, je ne montrerai pas l'image :

* Dynamique. dégradé

Copier le code Le code est le suivant :

...






Pour Pour la commodité de visualisation, j'ai écrit le style en ligne, il est toujours recommandé d'utiliser le style de lien externe. Ensuite, écrivez simplement et obtenez dynamiquement l'effet de dégradé :
Copiez le. code Le code est le suivant :