CSSにおいて、要素の位置や大きさ、角度、傾きなどを制御するプロパティといえば、真っ先に思い浮かぶのが transform です。その中でも、特に「位置の変更」に使われる translate との関係は密接であり、混同されやすい部分でもあります。 本記事では ...

【CSS】真ん中に位置させたいからって使うtransform: translateX (-50%);はいったい何なの？ 🤔 margin: 0 autoとか文字ならtext-align: centerじゃダメなの？

While working on transform matrices optimization in CSS animations transformation in Reanimated, I noticed that I am getting weird results while trying to apply a 2d transform matrix. Even though the ...