javascript - Dynamicjs 形状随着时间的推移颜色褪色

Question

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

我想让一种颜色在持续时间内融入另一种颜色。如果我使用 kineticjs，您可以使用：.transitionTo()。您可以设置持续时间，他将在给定的持续时间内执行操作。

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

Answer 1

TransitionTo 只用于数值，color 不是数值，所以不能在其上使用 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);

});

});

使用 jquery 进行背景颜色更改过渡