css3循环图片

最新推荐文章于 2024-08-12 09:07:02 发布

昵称2-20个字符

最新推荐文章于 2024-08-12 09:07:02 发布

阅读量417

点赞数 1

分类专栏： HTML5 文章标签： html css 动画关键帧 animation

本文链接：https://blog.csdn.net/weixin_39517183/article/details/101375247

版权

本文介绍了如何利用HTML和CSS3的animation属性及关键帧来创建循环播放的图片动画效果，详细阐述了animation的语法和关键帧的用法。

摘要由CSDN通过智能技术生成

使用html+css3完成循环图片动画效果

//html结构
<div class="autoplay_img">
     <div class="img_wrap clear">
         <img src="./img/detail/photo-1.jpg" alt="">
         <img src="./img/detail/photo-2.jpg" alt="">
         <img src="./img/detail/photo-3.jpg" alt="">
         <img src="./img/detail/photo-4.jpg" alt="">
         <img src="./img/detail/photo-5.jpg" alt="">
         <img src="./img/detail/photo-1.jpg" alt="">
         <img src="./img/detail/photo-2.jpg" alt="">
         <img src="./img/detail/photo-3.jpg" alt="">
         <img src="./img/detail/photo-4.jpg" alt="">
          <img src="./img/detail/photo-5.jpg