I'm working on creating gauges for displaying boring data in a more exciting way... I'm aiming to change the color of the gauge to some color that corresponds with the value. I can do this instantly with the simple CSS value of {-webkit-filter: hue-rotate(180deg);} but I would much rather have the colors fade through different areas of the spectrum before reaching the correct hue that matches the gauge value. However, when I use a TweenMax.to animation it doesn't step through the different degree values and instead changes instantly..... Below is my tween.
TweenMax.to($(gaugeId), 3.5, {filter:'hue-rotate(' + hue + 'deg)', delay: 1});
What am I doing wrong?
Thanks,
~Mike