摘要: 使用transform:rotate属性来实现旋转效果。 使用animation-play-state来实现鼠标移动到图片上自动停止。移动后恢复旋转动画。 使用infinite来实现无限循环播放的原理 使用@keyframes run来实现旋转之间的动画效果 阅读全文
posted @ 2018-02-06 20:02 世山海 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 使用@keyframes name{}属性来实现自动的移动效果如下,可以使用infinite来实现无限循环播放。也可以规定循环次数,只需把infinite更换为想要播放的次数即可: 还可以通过animation-direction(反向)属性来反过来。 阅读全文
posted @ 2018-02-06 18:23 世山海 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 使用css3的动画属性来实现js的移动效果 先把类名和CSS属性写好。 使用transition全局属性来实现动画从左到右的移动宽度的时间。 使用transition-property属性来指定类名的宽度移动效果的时间。 使用transition-delay来实现它的延迟时间。 使用transiti 阅读全文
posted @ 2018-02-06 18:05 世山海 阅读(124) 评论(0) 推荐(0) 编辑