首页 > 代码库 > css animate
css animate
用steps()函数 实现动画闪烁效果
@keyframes flash{ 100%{ background-position:0 -100%; } } .container{ background-image:url(yunxiangsui.png); background-position: 0 0; } .container:hover{ -webkit-animation: flash 1s 0s infinite steps(3); }
这里主要用到贝塞尔曲线中的steps(number_of_steps,direction),这个函数把每帧之间的范围分成对应的步数(number_of_step),没此跳到对应步数的位置,并且可以指定方向(start or end)来定义动画是左连续还是右连续。
css animate
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。