你可以使用CSS来镜像/翻转文本吗? [英] Can you use CSS to mirror/flip text?

查看:154
本文介绍了你可以使用CSS来镜像/翻转文本吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

是否可以使用CSS / CSS3来镜像文本?

Is it possible to use CSS/CSS3 to mirror text?

具体来说,我有这个剪刀char✂(&

Specifically, I have this scissors char "✂" (✂) that I'd like to display pointing left and not right.

推荐答案

您可以使用CSS转换来实现这一点。水平翻转将涉及按如下缩放div:

You can use CSS transformations to achieve this. A horizontal flip would involve scaling the div like this:

-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);

垂直翻转会涉及缩放div:

And a vertical flip would involve scaling the div like this:

-moz-transform: scale(1, -1);
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);

这篇关于你可以使用CSS来镜像/翻转文本吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆