使用css水平+垂直翻转镜像图像

.img-hor {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.img-vert {
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV";
}

.img-hor-vert {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";

        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV";
}

.img-hor-vert {
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

Css相关问答推荐

相对于现有的转换3D应用关键帧动画

转换间隙值时基于百分比的弹性元素&跳转

如何在WooCommerce产品页面中减少属性下拉菜单之间的空间

寻找组件中最大的元素来设置其他组件的高度

如何在元素上打孔才能看到下面的背景图像？

为什么 KaTeX 的彩虹文本只能在 Firefox 上运行？

flexbox换行时自动设置高度的原理是什么

Bootstrap 和 Sass：将 SCSS 文件转换为 CSS 时出错.错误：$theme-colors-rgb 中未定义变量 @each $color、$value

Img 未拉伸以满足所需的纵横比

是否有一个 CSS 可以根据字符的高度 for each 字符呈现可变高度？

为什么左浮动上的清除：左也会影响右浮动，以及如何避免它

如何为以下布局安排网格？

如何使 css 不重复同一个类？

为什么 em 不将定义的字体大小加倍？

带有图像的 CSS 网格在 Firefox 中表现不同

如何将 .btn-group 从 twitter-bootstrap 居中？

固定元素在 Chrome 中消失

如何定位 CSS 网格布局中的特定列或行？

什么是 DOM 回流？

CSS：怎么说 .class：last-of-type [类，不是元素！]