jQuery + couleur RVBA animations

Personne ne sait si jQuery peut gérer une animation comme:

rgba(0,0,0,0.2) → rgba(0,255,0,0.4)

Je sais qu'il est un plugin gestion de la couleur des animations, mais c'est peut-être trop moderne?

InformationsquelleAutor Matrym | 2010-07-13
  1. 26

    À l'aide de CSS3 animation (pas de javascript)

    Vous pouvez également obtenir le même effet en utilisant CSS3 animation. Voir ci-dessous,

    Étape 1: Créer une image-clé de 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: Utiliser l'animation des règles.

      animation-name: color_up;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;

    DÉMO: http://jsfiddle.net/2Dbrj/3/

    À l'aide de jQuery

    jQuery prend désormais en charge couleur animation avec RGBA soutien. Ce fait s'anime d'une couleur à l'autre. 

    $(selector).animate({
  backgroundColor: 'rgba(0,255,0,0.4)'
});

    DÉMO: http://jsfiddle.net/2Dbrj/2/

    • Merveilleux! Merci!
    • Mise à jour de réponse avec CSS3
    • Le CSS3 JSFiddle ne semble pas vouloir travailler dans google Chrome. Merci, tout de même!
    • Vous devez ajouter-webkit - pour des images clés, consultez jsfiddle.net/rparree/2QsL6/1
    • La meilleure solution!!
    InformationsquelleAutor Selvakumar Arumugam
  2. 8

    Euh, tant pis. Trouvé une étonnante modification du jquery plugin color.

    http://pioupioum.fr/sandbox/jquery-color/

    InformationsquelleAutor Matrym
  3. 2

    utilisation jquery UI pour la poignée, $(object).animate({color : 'rgba(0,0,0,.2)'},500)

    InformationsquelleAutor ilovebali