旋转相册

先写一个基本的结构
旋转相册
然后设置父元素也就是盒子的宽高大小,给它景深(起近大远小的效果)一定是要设置给父元素的

因为我用的是十个li ,那么ul需要变成一个3d空间
旋转相册
首先是需要把十个li定位在同一地方
旋转相册
再把图片设置成和li一样大,然后每个li分别去旋转36度、72度、108度…360度 再给它们向后(z轴为正值)拉开距离,形成一个圈
旋转相册
这样初始的效果就做出来啦,接着就是如何让它动起来
animation是需要和@keyframes配合一起使用的
给ul加上animation:play 20s linear infinite (属性值都可以自己设置的)
再搭配关键帧的设置就完成啦
旋转相册