图片水平垂直翻转

最新推荐文章于 2025-11-13 16:38:15 发布

原创最新推荐文章于 2025-11-13 16:38:15 发布 · 549 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#java #servlet #服务器

收录于

本文介绍了如何使用CSS的transform属性实现元素的水平和垂直镜像翻转，包括Moz-transform,Webkit-transform,O-transform以及滤镜FlipH和FlipV在不同浏览器中的应用。

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