Javascript Animation De Couleur
Je veux animer (transition) à partir de 1 couleur à l'autre en raw javascript.
Je ne veux pas utiliser un framework (jquery, mootools) ou css3. plaine raw javascript.
J'ai été vraiment à avoir de la difficulté à le faire, quelqu'un peut-il m'aider ? 🙂
- Et qu'avez-vous essayé?
- Pourquoi avez-vous de la balise de la question de jQuery si vous ne voulez pas l'utiliser?
- double possible de Est-il une bonne façon de faire de la couleur de cyclisme en javascript?
Vous devez vous connecter pour publier un commentaire.
peut-être quelque chose comme ceci:
Vous pouvez jouer autour d'un l'essayer comme un jsfiddle ou regardez l'exemple ci-dessous. Vous souhaiterez peut-être améliorer en utilisant HSL/HSV couleurs, ce qui vous donne une belle transition, mais je vais laisser ça à vous.
Ici est aussi ma solution:
html sur pastebin, comment appeler la fonction de délai - voir, par exemple,Un, Deux
si la toile devrait être ok, vous pouvez essayer de le faire comme cela 😉
Oui 😉 il n'est pas parfait et juste une excample mais lui donner un essai. Voici la plume sur codepen.
Une des solutions pourrait être d'utiliser setTimeout pour appeler une fonction qui a progressivement change la couleur (je suppose que la couleur d'arrière-plan) par une petite quantité à chaque fois qu'il appelle. À chaque itération, il suffit de vérifier pour voir si vous êtes arrivé à votre couleur de la cible et si non, d'augmenter ou de diminuer votre valeur RVB comme nécessaire.