html - css3 テキストの回転

Question

コードでテキストを水平方向に反転するにはどうすればよいですか。

プレーン コードで -90deg を試してみると、機能していますが、それを作業サンプルに追加すると機能しません。現在、h3テキストを回転させていますが、左に向ける必要があります（水平方向に反転することを意味します）

デモはこちら

Answer 1

transform: scaleX(-1);

回転には回転を使用せず、スケールを使用します-scaleX(-1)水平方向scaleY(-1)の反転、垂直方向の反転-デモ。

---

ただし、あなたの例では、必要なのは-90deg回転し、を削除してtransform-origin（デフォルト値を取らせて）、を変更することmarginです。

デモ

Answer 2

正の値を使用するようにしてください。

こちらもご覧ください：

http://css-infos.net/property/-webkit-transform

例：

p {
  -webkit-transform: rotate(45deg);
}