真的没有办法用CSS动画化渐变背景吗?
就像是:
@-webkit-keyframes pulse { 0% { background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgb(196,222,242)),color-stop(0.5,rgb(242,242,color-stop(1,rgb(240,240,240))); } 50% { background: -webkit-gradient(linear,rgb(222,252,255)),240))); } 100% { background: -webkit-gradient(linear,240))); } }
我知道,对于Safari 5.1和Chrome 10,有一个新的渐变语法,但是现在,我必须坚持使用旧的这个项目。
解决方法
webkit渐变不支持转换。这是在规格,但它还没有工作。
(p.s.如果你只是进行颜色转换 – 你可能需要检查-webkit过滤器 – 哪些动画!)
更新:梯度转换显然在IE10中工作
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。