¿Alguien sabe si jQuery puede manejar una animación como:animaciones jQuery + RGBA de color
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?
Uh, no importa. Se encontró una modificación sorprendente en el complemento de color jquery.
Um, solo para agregar otro tidbit coolness al azar para los interesados. RGBA cross browser a través de la generación de imágenes php: http://leaverou.me/2009/02/bulletproof-cross-browser-rgba-backgrounds/ – Matrym
Desafortunadamente, esta versión modificada no parece ser compatible con los navegadores modernos :( –
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/
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)'
});
¡Maravilloso! ¡Gracias! –
@DjangoReinhardt Respuesta actualizada con CSS3 –
Parece que CSS3 JSFiddle no quiere funcionar en Chrome. ¡Gracias! –
uso jquery UI de mango que, $(object).animate({color : 'rgba(0,0,0,.2)'},500)
respuestas útiles sobre esta cuestión marcados duplicar: http://stackoverflow.com/questions/4194745/changing-rgba -alpha-transparency-with-jquery – jedierikb