transform縮放的中心點

transform-origin: 50% 50% 0 /這是默認值，中心點為起點
transform-origin: 100% 100% 0 /以右下角為起點
transform-origin: 0 0 0 /*以左上角為起點

注意，Chrome和[Safari瀏覽器要加前綴，即 -webkit-transform-origin
另，第三個參數是z軸的起點，在[3D轉換]中才有作用，scale中無效。

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Transform字面上就是變形，改變的意思。在CSS3中transform主要包括以下幾種：旋轉rotate、扭...
    hzrWeber閱讀 22,176評論 0贊 19
  • 各種純css圖標 CSS3可以實現很多漂亮的圖形，我收集了32種圖形，在下面列出。直接用CSS3畫出這些圖形，要比...
    劍殘閱讀 9,676評論 0贊 8
  • 關于css3變形 CSS3變形是一些效果的集合，比如平移、旋轉、縮放和傾斜效果，每個效果都被稱作為變形函數（Tra...
    hopevow閱讀 6,407評論 2贊 13
  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    love2013閱讀 2,335評論 0贊 11
  • 感賞舅舅開車陪我去換身份證。 感賞派出所的工作人員態度很好、辦事效率高。 感賞媽咪幫我找她們學校的學生為我的碩士...
    貓公主喵閱讀 264評論 0贊 0