蒙版、透视、3d、transitionend

前言：

困难像弹簧，你强它就弱，你弱它就强

--------------------------------正文---------------------------------

蒙版

    -webkit-mask
        只显示有颜色的地方

transform

    rotate()                Z轴旋转
    rotateX()               X轴旋转
    rotateY()               Y轴旋转

    透视：transform: perspective(透视值); 
            值   推荐800-1200
                大   不明显
                小   明显

    translate(x,y)          x轴y轴平移
    translateZ()            Z轴平移
    想要改变translateZ，那父级元素必须变成3D
        -webkit-transform-style: preserve-3d;
        父级一定要透视
        1、如果父级有旋转XY之类的
        -webkit-transform: perspective() rotateX/Y();
        2、如果父级什么都不需要
        perspective: 800px;

    transform注意：
        1.执行有顺序(后面的先执行)
        2.行元素有问题(不能操作行元素)

transitionend事件

        当transition运动结束后触发
        必须用addEventListener添加
        然后用removeEventListener解除添加的事件