相关疑难解决方法(0)

仅使用css翻转/反转/镜像文本

我做了一些谷歌搜索,这是我的答案

<!--[if IE]>
<style>
    .mirror {
        filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
    }
</style>
<![endif]--> 
<style>
.mirror {
    display:block; 
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform:matrix(-1, 0, 0, 1, 0, 0);
}
</style>
<div class="mirror">testing</div>
Run Code Online (Sandbox Code Playgroud)

这里唯一的问题是镜像的中心不是对象的中心,所以我们可能需要一些javascript来将对象移动到我们想要的位置.

html css webkit mirroring

55
推荐指数
2
解决办法
7万
查看次数

标签 统计

css ×1

html ×1

mirroring ×1

webkit ×1