transform（變形）使用

#00. transform-origin:：更改一個元素變形的原點(diǎn)。

transform-origin: center;
transform-origin: top left; // y，x 軸
transform-origin: 50px 50px; // x，y 軸
transform-origin: bottom right 60px; // y，x，z 軸

#01. rotateX(角度)

  1. transform: perspective(160px) rotateX(180deg); // 正角度，后空翻
  2. transform: perspective(160px) rotateX(-180deg); // 負(fù)角度，前空翻

#02. perspective(距離)：指定了觀察者與 z=0 平面的距離，使具有三維位置變換的元素產(chǎn)生透視效果。z>0 的三維元素比正常大，而 z<0 時則比正常小，大小程度由該屬性的值決定。

#03. translate(距離)：平移變換。（也能是一個單獨(dú)的平移屬性）

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容