大學生新聞網，大學生新聞發布平臺
小程序組動畫Animation.step
Animation Animation.step(Object object)
小程序插件：支持
表示一組動畫完成。可以在一組動畫中調用任意多個動畫方法，一組動畫中的所有動畫會同時開始，一組動畫完成后才會進行下一組動畫。
參數
Object object
屬性 類型 默認值 必填 說明
duration number 400 否 動畫持續時間，單位 ms
timingFunction string 'linear' 否 動畫的效果
合法值 說明
'linear' 動畫從頭到尾的速度是相同的
'ease' 動畫以低速開始，然后加快，在結束前變慢
'ease-in' 動畫以低速開始
'ease-in-out' 動畫以低速開始和結束
'ease-out' 動畫以低速結束
'step-start' 動畫第一幀就跳至結束狀態直到結束
'step-end' 動畫一直保持開始狀態，最后一幀跳到結束狀態
delay number 0 否 動畫延遲時間，單位 ms
transformOrigin string '50% 50% 0' 否
返回值
Animation
animation
小程序插件：支持
表示一組動畫完成。可以在一組動畫中調用任意多個動畫方法，一組動畫中的所有動畫會同時開始，一組動畫完成后才會進行下一組動畫。
參數
Object object
屬性 類型 默認值 必填 說明
duration number 400 否 動畫持續時間，單位 ms
timingFunction string 'linear' 否 動畫的效果
合法值 說明
'linear' 動畫從頭到尾的速度是相同的
'ease' 動畫以低速開始，然后加快，在結束前變慢
'ease-in' 動畫以低速開始
'ease-in-out' 動畫以低速開始和結束
'ease-out' 動畫以低速結束
'step-start' 動畫第一幀就跳至結束狀態直到結束
'step-end' 動畫一直保持開始狀態，最后一幀跳到結束狀態
delay number 0 否 動畫延遲時間，單位 ms
transformOrigin string '50% 50% 0' 否
返回值
Animation
animation
- 作者：大學生新聞網 來源：大學生新聞網
- 發布時間：2025-04-23 閱讀：
- 掃一掃 分享悅讀
- 小程序動畫設置 top 值Animation.top
- Animation Animation.top(number|string value)
- 04-23 關注：0
- 小程序組動畫Animation.step
- Animation Animation.step(Object object)
- 04-23 關注：0
- 小程序動畫對 Y 軸坐標進行傾斜Animation.skewY
- Animation Animation.skewY(number angle)
- 04-23 關注：0
- 小程序動畫對 X 軸坐標進行傾斜Animation.skewX
- Animation Animation.skewX(number angle)
- 04-23 關注：0
- 小程序對 X、Y 軸坐標進行傾斜動畫Animation.skew
- Animation Animation.skew(number ax, number ay)
- 04-23 關注：0
- 小程序Z軸縮放Animation.scaleZ
- Animation Animation.scaleZ(number scale)
- 04-23 關注：0
- 小程序動畫縮放Animation.scale
- Animation Animation.scale(number sx, number sy)
- 04-23 關注：0
- 小程序Z軸旋轉動畫Animation.rotateZ
- Animation Animation.rotateZ(number angle)
- 04-22 關注：4
-
客服QQ：471708534 大學生新聞網©版權所有