jQuery: ¿texto de color animado para el campo de entrada?

Question

Tengo esta pieza de código realmente simple que pensé que era la forma correcta de hacer que jQuery animara el color del texto para un campo de entrada dado.

$('input').animate({color: '#f00'}, 500); 

Pero no funcionará. Sin embargo, puedo cambiar el color del texto:

$('input').css('color', '#f00'); 

He intentado esto, tanto en Safari 4 y Firefox 3.5 con los mismos resultados (que carecen). Realmente agradecería cualquier comentario sobre este problema ya que me estoy quedando sin pelo ... Gracias.

Answer 1

jQuery no admite animaciones en color, por lo que necesitará el complemento color o, jQuery UI. Ambos le permiten usar la sintaxis que está utilizando para propiedades como color de fondo y color.

Answer 2

Para animar el color necesita el jquery color plugin.

Answer 3

Tendrá Color Animations plugin para este

Answer 4

Uso jQueryUI y el código funciona tal como es.

Answer 5

Encontré el plugin de color extremadamente escamoso de una carga de página a otra, incluso en una página estática con exactamente el mismo código ...! Sin embargo, ColorBlend hizo el trabajo perfectamente. http://plugins.jquery.com/files/jquery.colorBlend.js_6.txt

Answer 6

Puede hacerlo sin el complemento de color. He respondido esta pregunta here.