解决方法
答案就在这里:
http://www.john-smith.me/emulating–lt-blink-gt–using-webkit-css3-animation.在这个例子中,.blink类会让事情眨眼……你必须写两次因为Chrome需要-webkit-当Firefox或Opera没有时.
<style> /** * Emulating <blink> using WebKit CSS3 animation * This code is part of John Smith's blog * * copyright 2010 by John Smith,All Rights Reserved * * @link http://www.john-smith.me/emulating--lt-blink-gt--using-webkit-css3-animation * @date 18th October 2010 at 11:01 p.m. * @author John Smith */ @-webkit-keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} } @keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} } .blink { text-decoration:blink; -webkit-animation-name:blinker; animation-name:blinker; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:cubic-bezier(1.0,1.0); animation-timing-function:cubic-bezier(1.0,1.0); -webkit-animation-duration:1s; animation-duration:1s; } </style>
您可以保留(或不保留)旧浏览器的旧blink属性(如您所愿).
我更喜欢只使用-webkit-(一次)而且我保留文本装饰,因为Opera和Firefox都知道它. (对于其他动画,没有选择.只是为了眨眼他们已经知道该怎么做了).
但这只是因为我不喜欢写两次而且我很懒.这不是建议.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。