CSSで文字を回転、傾ける方法

The Leaning Tower of Pisa
このエントリーをはてなブックマークに追加
PR

ウェブサイトをアクセントに文字を回転したり、傾けたりするCSSの書き方

 

CSSのtransformを使うと文字に傾きや回転をつける

transform: rotate( 5deg );

カッコ内の5degが数値の指定になります、360で一回転します
数値にはマイナスの指定も出来ます、マイナスにすることで回転の向きを逆にすることができます

 

それぞれのブラウザに対応させるために

-moz-transform:    rotate( 5deg );
-webkit-transform: rotate( 5deg );
-o-transform:      rotate( 5deg );
-ms-transform:     rotate( 5deg );
transform:         rotate( 5deg );

この様に書くとそれぞれのブラウザで一応機能するはずです

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)