这是
实验性技术
检查
浏览器兼容性表格
要小心谨慎在生产中使用这之前。
Animation.reverse()
方法在
动画
Interface reverses the playback direction, meaning the animation ends at its beginning. If called on an unplayed animation, the whole animation is played backwards. If called on a paused animation, the animation will continue in reverse.
animation.reverse();
None.
在
Growing/Shrinking Alice Game
example, clicking or tapping the bottle causes Alice's growing animation (
aliceChange
) to play backwards, causing her to get smaller. It is done by setting
aliceChange
's
Animation.playbackRate
to
-1
像这样：
var shrinkAlice = function() {
// play Alice's animation in reverse
aliceChange.playbackRate = -1;
aliceChange.play();
// play the bottle's animation
drinking.play()
}
But it could also have been done by calling
reverse()
on
aliceChange
像这样：
var shrinkAlice = function() {
// play Alice's animation in reverse
aliceChange.reverse();
// play the bottle's animation
drinking.play()
}
| 规范 | 状态 | 注释 |
|---|---|---|
|
Web 动画
The definition of 'reverse()' in that specification. |
工作草案 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
reverse
|
Chrome 39 | Edge ≤79 | Firefox 48 | IE 不支持 No | Opera 26 | Safari 不支持 No | WebView Android 39 | Chrome Android 39 | Firefox Android 48 | Opera Android 26 | Safari iOS 不支持 No | Samsung Internet Android 4.0 |
完整支持
不支持
实验。期望将来行为有所改变。
用户必须明确启用此特征。
动画
for other methods and properties you can use to control web page animation.
Animation.pause()
to pause an animation.
Animation.play()
to move an animation forward.
动画