javascript - colores - rgba white

jQuery+RGBA animaciones en color

Question

¿Alguien sabe si jQuery puede manejar una animación como:

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

Sé que hay un plugin para manejar las animaciones en color, pero ¿esto podría ser demasiado moderno?

Answer 1

Usando la animación CSS3 (no javascript)

También puedes lograr el mismo efecto usando la animación CSS3. Vea abajo,

Paso 1: Crea un fotograma clave para tu animación

@keyframes color_up {
    from {
        background-color: rgba(0,0,0,0.2);
    }
    to {
        background-color: rgba(0,255,0,0.4);
    }
}

Paso 2: Usa las reglas de animación.

  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/

Usando jQuery

jQuery ahora es compatible con la animación en color con RGBA también. Esto realmente anima de un color a otro.

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

DEMO : http://jsfiddle.net/2Dbrj/2/

Answer 2

Uh, no importa. Encontré una modificación increíble en el plugin de color jquery.

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

Answer 3

use jquery UI para manejar eso, $(object).animate({color : ''rgba(0,0,0,.2)''},500)