镜像翻转

Posted 2021-03-24 jiunie

方法一：以轴为镜像

 .mirrorRotateLevel {
            transform: rotateY(180deg);   /* 水平镜像翻转 */
        }
        .mirrorRotateVertical {
            transform: rotateX(180deg);   /* 垂直镜像翻转 */
}

方法二：以点为镜像

.mirrorRotateLevel {          /* 水平镜像翻转 */
            -moz-transform:scaleX(-1);
            -webkit-transform:scaleX(-1);
            -o-transform:scaleX(-1);
            transform:scaleX(-1);
            /*兼容IE*/
            filter:FlipH;
        }
        .mirrorRotateVertical {        /* 垂直镜像翻转 */
            -moz-transform:scaleY(-1);
            -webkit-transform:scaleY(-1);
            -o-transform:scaleY(-1);
            transform:scaleY(-1);
            /*兼容IE*/
            filter:FlipV;
        }