システム開発 埼玉 twitter システム開発 埼玉 facebook システム開発 埼玉
  技術,誠実,ベストパートナー,アットシステム,アットシステム株式会社,css3
アットシステムとは サービス紹介 会社紹介

ご相談はお気軽にどうぞ。

システム開発 埼玉 お問い合わせ お問い合わせ

css -transform- 変形について

No.1  css3 transform: rotateについて

transform: rotateX();・・・X軸を軸とする角度によって時計回りの回転を指定
transform: rotateY();・・・Y軸を軸とする角度によって時計回りの回転を指定
transform: rotateZ();・・・Z軸を軸とする角度によって時計回りの回転を指定
transform: rotate();・・・XとYを同時に指定する(Z軸と同じ)
主な用途としては、要素の回転表示する際に使用します。

それぞれの画像にマウスを乗せるとどううごくのかがわかります。

X軸の回転

Y軸の回転

360度の回転

組み合わせ(自動で動きます)

cssプロパティ…transformの目次