哇塞，这样的小tips你的对象应该会喜欢吧

在这里插入代码片## 用css3样式做个简单的旋转照片墙
话不多说，让我们开始制作吧

首先，我们要准备好我们的照片，这里就不做展示了。

<div class="father">
        <div class="son1"></div>
        <div class="son2"></div>
        <div class="son3"></div>
        <div class="son4"></div>
        <div class="son5"></div>
        <div class="son6"></div>
        <div class="son7"></div>
        <div class="son8"></div>
    </div>

我们开始要把照片放在一个盒子里面，使用的最多的是div，也是我用的最多的一个标签，
我们将照片外部放在一个盒子里面，基本的盒子模型已经准备好了，就开始写盒子里面的样式。

 .father{
            width: 100px;
            height: 100px;
            position: relative;
            left: 500px;
            top: 200px;

把我们的盒子大小调整好，为了我们的旋转照片墙更加好看些，我们还把他放置在电脑屏幕中央，以便于我们调整和欣赏。

body{
            perspective: 800px;
        }

在body标签里面设置一个我们看到最舒服的一个视距。

.son1{
            background-image: url(iu/1.jpeg);
            transform: rotateY(45deg)  translateZ(200px);
        }

我这里只添加了一个照片，没有添加后面的照片

 @keyframes s{
            form{
                transform: rotateY(0deg) ;
            }
            to{
                transform: rotateY(360deg)  ;
            }
        }

给我们的照片加入一个帧动画，给他写个剧本就可以转起来了

将我们的照片添加进来，给他设置不同角度的

 transform: rotateY(-15deg);
 animation: s 5s linear infinite ;

将其加到我们的father选择器里面，在调用我们的剧本就好了，这样我们的一个3D选择照片墙就横空出世了