jQuery Color animation 色彩动画扩展

前端开发仓库

jQuery 的动画方法(animate)支持各种属性的过渡,但是默认并不支持色彩的过渡,该插件正是来补足这一点!

PS: 该插件支持 RGBA 颜色的过渡,但是请注意,IE8以下的版本不支持 RGBA 颜色。

支持以下属性:
color
backgroundColor
borderColor
borderBottomColor
borderLeftColor
borderRightColor
borderTopColor
outlineColor

使用方法

载入 JavaScript 文件

<script src='jquery.animate-colors.js'></script>

示例

DEMO
代码
$('#demodiv').animate({ color:'#E4D8B8' })
$('#demodiv').animate({ backgroundColor:'#400101' })
$('#demodiv').animate({ borderBottomColor:'#00346B' })
$('#demodiv').animate({ borderColor:'#F2E2CE' })
$('#demodiv').animate({ color:'rgba(42, 47, 76, 0.1)' })

相关信息

来源:
http://www.bitstorm.org/jquery/color-animation/
授权协议:
MIT and GPL