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

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 ウェブデザインギャラリー