はいどうも! バーチャル Youtuber ではない面白法人カヤックのごんです。 CSS Transform の Tips をやっていきます。 1. CSS Transform は後ろから適用される transform: rotate(45deg) translateX(100px); は、45度回転してから X 方向に 100px 移動、ではなく X 方向に 100px 移動してから、45度回転 です。 これは百聞は一見にしかずなので、下にデモを貼ります。 なんで逆にしちゃったんですかね。 2. CSS Transform のパーセント表記は要素の幅に依存する CSS Transform Translate のパーセント表記は、 DOM 要素とは異なり、親要素ではなく、自身の幅に対する割合を指します。 これも百聞は一見にしかずなので、デモを貼ります。 これは、特に要素の中央寄せする際に非