html5或者css3实现图片圆周O运动展示

我想实现的是几张图片O形运动的哦，类似摩天轮转动

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
.cicle{border-radius:100%;-webkit-animation: rotate .3s linear infinite;-moz-animation: rotate .3s linear infinite;-o-animation: rotate .3s linear infinite;animation: rotate .3s linear infinite;}

<img src="..." class="cicle">

追问

比如我有五张图片呢。。不只一张就是五张图片O形转

追答

五张图片都加上class="cicle" 这个类就可以了

温馨提示：内容为网友见解，仅供参考

当前网址：https://22.t2y.org/zz/shss6s6hc6ti2ttftf.html