オンラインツールCSS3テキスト回転ジェネレーター

Text Rotate

怠惰な人々のためのCSSテキスト回転ジェネレータ。

このジェネレーターは、テキストを回転させ、以下のオプションを変更したときに何が起こるかを視覚的に確認するために必要なコードを作成するのに役立ちます。テキストを回転させるために必要な唯一のcssプロパティは、transformプロパティです。デモはほとんどのブラウザで機能するはずですが、このタスクを実行するにはベンダープレフィックスを追加する必要がある場合があります。

CSS3テキスト回転の説明 

transformプロパティは、要素の2次元または3次元の変換を指定します。それには多くの価値があります。このツールは、テキスト回転のクイックコードを提供します。テキストを回転させる角度を指定できます。

IEの値を選択することもできます。

lr-tb –これはデフォルト値で、左から右、上から下です。

rl-tb –テキストは右から左、上から下に流れます。

tb-rl –テキストは上から下、右から左に垂直に流れます。

bt-rl –テキストは下から上、右から左に流れます。

tb-lr –テキストは上から下、左から右に流れます。

bt-lr –テキストは下から上、左から右に流れます。

lr-bt –テキストは左から右、下から上に流れます。

rl-bt –テキストは右から左、下から上に流れます。

テキスト回転ツールは、コードが他のブラウザでサポートされるように拡張機能を提供します。