CSS Transform

transform 是一個 CSS 屬性，用來讓 HTML 元素進行 2D 或 3D 的轉換（變形），像是移動、旋轉、縮放、傾斜等等。它不會改變元素原本在文件流中的位置，但可以視覺上改變它的樣子或位置。

2D 變形

CSS 的 2D 變形 指的是在二維空間(X、Y 軸) 上對元素進行變形，包括：平移、旋轉、縮放、傾斜、矩陣。這些變形會改變元素的外觀，但不會改變它在 HTML 中的實際位置。

3D 變形

待續

變形基準點

待續