将背景颜色从实体设置为透明不起作用

Question

为什么我无法将背景颜色设置为transparent的动画？这是我的代码：

$('#cs4').animate({'backgroundColor':'#ff6600'}, 2000);    

setTimeout(function() {    
    $('#cs4').animate({'backgroundColor':'transparent'}, 2000);
}, 2000);

伙计们，我已经有了这个插件。这不是问题。我的问题是如何渲染bg透明。使用正常颜色可以正常工作。

提前致谢

Answer 1

如果没有插件，您无法为背景颜色（或任何颜色变化）制作动画。 jQuery UI执行此操作：http://jqueryui.com/

以下是动画颜色变化的演示：http://jqueryui.com/demos/animate/

您可以使用仅具有此功能的下载工具构建库的小版本。

Answer 2

如果您不想使用额外的jQuery插件，请考虑使用CSS3动画。

您将在旧浏览器中失去一些支持，但动画不是必需的功能。

示例语法（为简单起见，仅包含-webkit供应商前缀）：

#cs4 { -webkit-animation: fadeOut 2s ease-in; }

@-webkit-keyframes fadeOut {
    from {background:#ff6600;}
    to {background:transparent;}
}

Demo

More information

Answer 3

使用此jQuery插件

http://www.bitstorm.org/jquery/color-animation/

Answer 4

试试这个：

$('#cs4').animate({'backgroundColor':'#ff6600'}, 2000);    

setTimeout(function() {    
    $('#cs4').animate({'backgroundColor':'rgba(255, 255, 255, 0)'}, 2000);
}, 2000);