Est-ce que quelqu'un sait si jQuery peut gérer une animation comme:animations de couleurs RGBA + jQuery
rgba(0,0,0,0.2) → rgba(0,255,0,0.4)
Je sais qu'il ya un plugin pour gérer des animations de couleurs, mais cela pourrait être trop moderne?
Est-ce que quelqu'un sait si jQuery peut gérer une animation comme:animations de couleurs RGBA + jQuery
rgba(0,0,0,0.2) → rgba(0,255,0,0.4)
Je sais qu'il ya un plugin pour gérer des animations de couleurs, mais cela pourrait être trop moderne?
Euh, rien à faire. J'ai trouvé une modification incroyable au plugin jquery.
Um, juste pour ajouter une autre friandise aléatoire de fraîcheur pour ceux qui sont intéressés. RGBA navigateur croisé via la génération d'image php: http://leaverou.me/2009/02/bulletproof-cross-browser-rgba-backgrounds/ – Matrym
Malheureusement, cette version modifiée ne semble pas supporter les navigateurs modernes :( –
Vous pouvez également obtenir le même effet en utilisant l'animation CSS3. Voir ci-dessous,
Étape 1: Créer une image clé pour votre animation
@keyframes color_up {
from {
background-color: rgba(0,0,0,0.2);
}
to {
background-color: rgba(0,255,0,0.4);
}
}
Étape 2: Utilisez les règles d'animation.
animation-name: color_up;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
DEMO:http://jsfiddle.net/2Dbrj/3/
jQuery supporte maintenant color animation avec RGBA soutien. Cela s'anime réellement d'une couleur à l'autre.
$(selector).animate({
backgroundColor: 'rgba(0,255,0,0.4)'
});
Magnifique! –
@DjangoReinhardt Réponse mise à jour avec CSS3 –
Le CSS3 JSFiddle ne semble pas vouloir fonctionner dans Chrome.Merci, cependant! –
utilisation jquery UI pour poignée, $(object).animate({color : 'rgba(0,0,0,.2)'},500)
réponses utiles sur cette question signalé comme double: http://stackoverflow.com/questions/4194745/changing-rgba -alpha-transparence-with-jquery – jedierikb