所有栏目 | 云社区 美国云服务器[国内云主机商]
你的位置:首页 > 云社区 » 正文

css的animation怎么设置图片循环播放(无后退)而不是播完最后一张又倒退回第一张放?

发布时间:2020-04-12 09:08:36

资讯分类:animation  css  后退  倒退  图片  过渡  时间
css的animation怎么设置图片循环播放(无后退)而不是播完最后一张又倒退回第一张放?

肯定是做2张同样的第一张图片的,做的不好的视觉上会认为有退回去的感觉,那是没有理解这个循环的本质,在css里,计算机不会把这些图片看成桶状去循环,图片永远是平面的,所以第一张图片过渡时间+最后一张图片过渡时间=其他任意一张图片的过渡时间,这样衔接才完美,由于人眼的视觉停留错位差,你不能让图片过渡时间过长,每个人的视觉停留时间是不一致的,你可以自己设定你认为的时间,比如5张图片5秒循环完,也就是duration设置5s,必须设置direction,速度曲线根据自己喜好设,没有动感的过渡是不完美的

留言与评论(共有 0 条评论)
   
验证码:
Top