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中文網其他相關文章！