Анимация по определенному цвету с помощью ExtJS

Question

Мне нужно что-то оживить на веб-странице с загруженной библиотекой ExtJS 3.4. Спецификация - анимировать цвет элемента до красного. Насколько я вижу из документации Ext.Fx, это невозможно. Есть ли обходной путь?

С другой стороны, это формирование цепочки эффектов:

info.fadeOut({ endOpacity: .25, duration: 2}).setStyle('color','#FF0000'); 

было бы приемлемо, если изменение цвета произошло после того, как FADEOUT закончилась, но, кажется, нет никакого способа определить функцию обратного вызова.

Answer 1

Попробуйте animate метод и color тип анимации:

info 
    .animate(
     { 
      opacity: { to: .25 } 
     }, 
     0.5, 
     null, 
     'easeOut', 
     'run' 
    ) 
    .animate(
     { 
      color: { to: '#FF0000' } 
     }, 
     0.5, 
     null, 
     'easeOut', 
     'color' 
    ); 

Рабочий образец: http://jsfiddle.net/yRGUw/