animaciones jQuery + RGBA de color

Question

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

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

Yo sé que hay una plugin para manejar animaciones color, pero esto podría ser demasiado moderno?

Answer 1

Uh, no importa. Se encontró una modificación sorprendente en el complemento de color jquery.

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

Answer 2

El uso de la animación CSS3 (sin Javascript)

También puede conseguir el mismo efecto mediante la animación CSS3. Véase más adelante,

Paso 1: Crear un fotograma clave para la 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: utilizar 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 soporta color animación con RGBA apoyo. Esto realmente se anima de un color a otro.

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

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

Answer 3

uso jquery UI de mango que, $(object).animate({color : 'rgba(0,0,0,.2)'},500)