Degradé en intervalle

Par Ekim Kael, il y a 9 ans

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,

il y a 9 ans

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,

il y a 9 ans

Salut,

Utilise Animate.css ;)

Ekim Kael,

il y a 9 ans

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

betaWeb,

il y a 9 ans

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)