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