テキストや画像などを含んだ要素を
自由な角度で回転させられます。CSS3のtransformプロパティを使うことで、以下のように任意の要素を回転させることができます。 各ボックスの中にあるリンクは、回転された状態であっても通常通りに機能します。リンクの上にマウスポインタを載せて確認してみて下さい(リンク先はダミーです)。
ボックスの右上を回転軸にして-45度回転
テキストや画像などを含んだ要素を
自由な角度で回転させられます。
X軸で180度回転
テキストや画像などを含んだ要素を
自由な角度で回転させられます。
Y軸で180度回転
テキストや画像などを含んだ要素を
自由な角度で回転させられます。
左下を基準にしてZ軸で60度回転
テキストや画像などを含んだ要素を
自由な角度で回転させられます。