css翻转元素

来源:互联网 发布:智多星项目造价软件 编辑:程序博客网 时间:2024/05/18 20:34
css翻转元素
    pc端
        /*水平翻转*/
        .flipx {
            -moz-transform:scaleX(-1);
            -webkit-transform:scaleX(-1);
            -o-transform:scaleX(-1);
            transform:scaleX(-1);
            /*IE*/
            filter:FlipH;
        }
        /*垂直翻转*/
        .flipy {
            -moz-transform:scaleY(-1);
            -webkit-transform:scaleY(-1);
            -o-transform:scaleY(-1);
            transform:scaleY(-1);
            /*IE*/
            filter:FlipV;
        }
    移动端
        /*水平翻转*/
        .flipx { transform: rotateY(180deg); }
        /*垂直翻转*/
        .flipy { transform: rotateX(180deg); }