css的动画

/* 透视写到被观察元素的父盒子上面 /
perspective: 200px; 透视
/ 让子元素保持3d立体空间环境 /
transform-style: preserve-3d;
过度效果：transition: all .4s;
transform：translate3d(400px, 100px, 100px) 位置的移动
transform：rotateX（90deg） 旋转
transform：scale（x，y） 放大缩小
简写：transform: translateY(17.5px) rotateX(-90deg) scale（）;
设置旋转中心 （可以给方位名词）transform-origin：x,y
定义动画：
@keyframes rotate {
0% {
transform: rotateY(0);
}
100% {
transform: rotateY(360deg);
}
}
/ 添加动画效果 */
在需要调用动画的元素添加该属性：animation: rotate 10s linear infinite;