translate 位移
scale 縮放
rotate 旋轉
skew 傾斜
transform-origin中心點
transform: translate(100px, 100px); /* 可寫畫素，可寫百分比(相對於父級)，可寫負數 */
transform: translate(100px, 100px) rotatex(45deg);y軸效果
transition-property //規定設定過渡效果的 css 屬性的名稱。
transition-duration //規定完成過渡效果需要多少秒或毫秒。
transition-timing-function //規定速度效果的速度曲線。
transition-delay //定義過渡效果何時開始。
過渡與變形
1.html body 2.加vh 視高 height 100vh vw a視線寬度 weight 100vw translate 平移 位移 不會影響其它元素位置 對行內標籤沒有效果。乙個值 只位移x軸 兩個值 第乙個值位移x軸，第二個值位移y軸 translatey y軸位移 translate...
過渡 變形 動畫
transition all 0.3s linear 0 要過渡的屬性 過渡執行的時間 運動速度 何時開始 注意 組合寫法 旋轉之後，座標會跟著旋轉 移動 transform translate 50 40 x軸位移 50 y軸位移 40 transform translatex 30px x軸移動...
css 過渡和 變形
一 過渡 transition transition property 指定具有過渡效果的css樣式屬性名 1.預設值 all 2.僅具有中間值 css樣式值是數值的 的css樣式具有過渡效果 3.可以具體指定那些樣式具有過渡效果，多個css樣式屬性名使用 分割 transition duratio...