transform-origin 轉換原點

任何一個元素都有一箇中心點，默認情況之下，其中心點是居於元素X軸和Y軸的交點（原點）。如下圖所示： 在沒有重置transform-origin改變元素原點位置的情況下，CSS變形進行的旋轉、位移、縮放，扭曲等操作都是以元素自己中心位置進行變形。但很多時候，我們可以通過transform-origin來對元素進行原點位置改變，使元素原點不在元素的中心位置，以達到需要的原點位置。 transform-

>>阅读原文<<