ホームページ >ウェブフロントエンド >htmlチュートリアル >CSSコントロールのdiv要素の回転指定角度コード example_html/css_WEB-ITnose
css で指定した角度に div 要素の回転を制御するコード例:
この章では、css3 を使用して、指定した角度に要素の回転を制御する効果を実現する方法を紹介します。
ここでは低バージョンのブラウザは考慮しません。時間が経つにつれて、低バージョンのブラウザは徐々に排除されるため、現在でも低バージョンのブラウザのユーザーの割合は非常に少ないです。コード例を見てみましょう。 :
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); width:100px; height:100px; background:#999;}</style></head><body><div></div></body></html>
上記のコードは要件を満たしています。コードは比較的単純なので、ここでは紹介しません。
transform属性については「CSS3のtransform属性の簡単な紹介」の章を参照してください。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=15772
詳細については、以下を参照してください: http://www.softwhy.com/divcss/