今天小编跟大家讲解下有关CSS3动画animation实现云彩向左滚动 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS3动画animation实现云彩向左滚动 的相关资料，希望小伙伴们看了有所帮助。
实现的图像动画效果大致是这样的：云彩向左滚动！ 【代码效果】 复制代码代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS3动画animation实现漂浮的云</title> <style type="text/css"> html,body { padding: 0; margin: 0; } .wrap { height: 190px; width: 600px; margin: 150px auto 0; background: url('bg-clouds.png'); -webkit-animation:cloud 40s linear infinite; -o-animation:cloud 40s linear infinite; } @-webkit-keyframes cloud { from{background-position:0% 0%} to{background-position:50% 50%} } </style> </head> <body> <div class="wrap"></div> </body> </html> 【用到的素材】来源：爱蒂网
