随着时间的推移，颜色随着kineticjs形状逐渐消失

Question

我有一个关于褪色的简单问题。

我希望将一种颜色混合成另一种颜色。 如果我使用kineticjs你可以使用：.transitionTo（）。您可以设置持续时间，他将在给定的持续时间内执行操作。

可悲的是，它仅适用于不透明度和运动。颜色仍然会立即放置，而不是随着时间的推移混合。 我怎么还有两种颜色的淡入效果？

Answer 1

TransitionTo仅用于数字值，颜色不是数值，因此您不能在其上使用transitionTo。

要转换颜色，您必须创建自己的解决方案。

尝试一些现有的jQuery：http://jsfiddle.net/sg3s/ktTD6/

jQuery(function($) {

$('#bg-animated').hover(function() {

    $(this).data('bg-original', $(this).css('backgroundColor')).animate({
        backgroundColor: '#FF0000'
    }, 500);

}, function() {

    $(this).animate({
        backgroundColor: $(this).data('bg-original')
    }, 500);

});

});

Background color change transition with jquery