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

Tweet

238

ウェブサイトをアクセントに文字を回転したり、傾けたりする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 );

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

Tweet

短縮URL:

2013年09月16日 WEB制作系 CSSCSS3