Css3 动画效果

相关作品： https://s.codepen.io/zhoupipipipipipi/debug/bragvL/xJMjOWwyZqZr

最近看了比较多的动画效果，想做些自己感兴趣的作品，遇到以下问题，记录下来

1.简单的动画主要用transition和transform

2.鼠标放上去产生的效果，before和after显示写法如下

 .item-style3:hover::before {}

3.关于3D动画效果，要显示出来，需要添加perspective属性，比如demo3

   perspective 用来设置透视，决定了你看到的是3D的transform还是2D的transform

   可以用以下两种方式设置

   （1）通过对其父元素进行设置

.stage {
    perspective: 600px;

}

    （2）通过对当前动画的元素进行设置

#stage .box {
    transform: perspective(600px) rotateY(45deg);
}