css翻转元素详解编程语言

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); }