為什麼實作 CSS 動畫位移效果使用 `translate()` 比 `absolute` 絕對定位更好?
為什麼實作 CSS 動畫位移效果使用 translate() 比 absolute 絕對定位更好? 剛好在最近工作上有遇到這個問題,在這裡我們會討論到 translate() 和 absolute 的差異,以及為什麼我們應該使用 translate() 來移動元素。 translate()的優勢 translate() 是 CSS transform 的一個屬性,用來移動元素的位置。它是一個 2D 或 3D 的函數,可以在 x, y, z 軸上移動元素。 當使用 translate() 移動元素的時候,元素仍然保持在原本的位置,只是視覺上移動了,瀏覽器不會重新計算元素的佈局,也就是說,不會觸發...