jQuery + RGBA animazioni di colore

Qualcuno sa se jQuery può gestire un’animazione come:

  rgba (0,0,0,0,2) → rgba (0,255,0,0,4) 

So che c’è un plugin per gestire le animazioni di colore, ma potrebbe essere troppo moderno?

Usando l’animazione CSS3 (nessun javascript)

Puoi anche ottenere lo stesso effetto usando l’animazione CSS3. Vedi sotto,

Passaggio 1: crea un fotogramma chiave per la tua animazione

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

Passaggio 2: utilizza le regole di animazione.

  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 ora supporta anche l’ animazione del colore con supporto RGBA . Questo in realtà si anima da un colore all’altro.

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

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

Uh, non importa Ho trovato un’incredibile modifica al plug-in del colore jQuery.

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

usa l’ interfaccia utente di jquery per gestirla, $(object).animate({color : 'rgba(0,0,0,.2)'},500)