Degradé en intervalle

Ekim Kael
Javascript

Bonjour,
voilà je voudrais reproduire l'effet de dégradé qui change en intervalle de temps comme sur Animate.css
Je n'ai aucune idée de comment commencer pour le faire.
merci d'avance

4 réponses

Maenhyr
Réponse acceptée

Salut,

si tu regardes le CSS, [https://github.com/daneden/animate.css/blob/gh-pages/style.css] (https://github.com/daneden/animate.css/blob/gh-pages/style.css), il te suffit de cette regle pour realiser ce que tu souhaites :

  .site__title {
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
  }
betaWeb

Salut,

Utilise Animate.css ;)

Ekim Kael
Auteur

comment?
si tu as une idée sur comment s'il te plait un exemple

betaWeb

Si tu souhaites faire des transitions JS, tu peux utiliser l'excellente lib VelocityJS (http://velocityjs.org/ | https://www.grafikart.fr/tutoriels/jquery/velocityjs-animation-jquery-506)