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 중국어 웹사이트의 기타 관련 기사를 참조하세요!