CSS3渐变背景动画应用

时间:2015-08-30

CSS3渐变背景动画应用,严格来说,目前各个浏览器都还不支持css3的渐变背景的动画,所以在制作的时候我们要灵活变通下,这里有两种方法可以曲折实现渐变背景的动画:
 

方法一:

妙用background-color,有些是简单的颜色渐变,比喻由浅绿到深绿,那么你就可以把background-color设置为绿色,然后background-image设置为全透明色到半透明的黑色,这两者一合起来就是浅绿到深绿了哈哈,当然这个应用比较局限。
 

方法二:

运用background-position,用定位来解决渐变背景的变化。
 

CSS3渐变背景动画应用
上一篇:CSS3-Box-shadow阴影效果用法趣味讲解 下一篇:CSS3 animation 属性实例应用

相关文章

最新文章