CSS 可以水平翻转文本吗？如何让剪刀角色(✂️)朝左显示？

使用 CSS3 镜像文本

问题：

使用 CSS 或 CSS3 镜像文本是否可行？特别是，如何将剪刀字符（“✂”）向左而不是向右显示？

答案：

是的，CSS 转换使您能够实现

• 水平翻转：

<code class="css">-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);</code>

• 垂直翻转：

<code class="css">-moz-transform: scale(1, -1);
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);</code>

实例：

<code class="css">span {
  display: inline-block;
  margin: 1em;
}
.flip_H {
  transform: scale(-1, 1);
  color: red;
}
.flip_V {
  transform: scale(1, -1);
  color: green;
}</code>

<code class="html"><span class='flip_H'>Demo text &#9986;</span>
<span class='flip_V'>Demo text &#9986;</span></code>

以上是CSS 可以水平翻转文本吗？如何让剪刀角色(✂️)朝左显示？的详细内容。更多信息请关注PHP中文网其他相关文章！