CSS动画@-webkit-keyframes

@-webkit-keyframes：以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。0% 是动画的开始时间，100% 动画的结束时间。

[html] view plain copy

display: inline-block; 行内块元素，不会产生错位

[html] view plain copy

-webkit-animation-timing-function: linear; 线性过度

[html] view plain copy

-webkit-animation-iteration-count: infinite; 设置循环播放次数：无限次

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    wzhiq896阅读 5,778评论 0赞 2
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 6,826评论 0赞 11
  • 用纯CSS实现文字的动态效果
    你可能经常会看到类似酷炫的网站： 在这类网站中能看到，一打开页面，无论是文字还是图片，都随着规定时间的而变化。原理...
    缘叔叔阅读 22,614评论 6赞 25
  • 6.1 css3 Animation
    animation简介▪ animation无疑是CSS3里最牛的功能。可以采用较少的代码制作超炫的动画。▪ an...
    柒月柒日晴7阅读 3,265评论 0赞 2
  • 移动端视频的处理鬼方法
    移动端视频提供的标签video是视频播放的功能。在安卓手机中一切都是正常的，只是ios貌似有点问题，就是全屏视频时...
    yyshang阅读 3,017评论 0赞 1