css3的一些运用

1.div（正方形）沿着Y轴的偏转24度，形成侧边24度的效果：

  transform-style: preserve-3d;
    /* 设置盒子按3D空间显示 */
    transform: perspective(800px) rotateX(0deg);
    /* 旋转变换的时候不设置初始值，容易出现跳边的bug，perspective(800px)，这里的800px是经验值，效果最好*/
    transition: all 0.1s ease;
    transform: perspective(800px) rotateY(18deg);