5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

CSSのtransform:rotateZ,rotateX,rotateZそれぞれの動き

Last updated at Posted at 2018-07-16

背景

transform:rotateのX,Y,Zの動きが分かりにくかったのでまとめました。
完全の個人的なメモ…

transform:rotate各種動き

下記のような縦軸、横軸にして交差したところは足しこんでいます。
縦軸:Z>X>Yの順でそれぞれ45°設定
横軸:Z>X>Yの順でそれぞれ45°設定

See the Pen transform:rotata by hashito (@hashito) on CodePen.

関連する記事

・CSSでhoverでafter要素で文字を表示するとプルプルする件

5
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?