【问题标题】:How to animate transforms one by one in snap.svg ?如何在 snap.svg 中一一设置动画变换?
【发布时间】:2016-02-24 15:58:59
【问题描述】:

在这个 snap.svg 动画缩进中将元素转换为 up 然后 right 有没有最好的方法来实现两个转换动画?

hand.animate({
  transform: 't0,-80',
  transform: 't40,-80'
}, 400);

演示:http://codepen.io/athimannil/pen/epoQmr

【问题讨论】:

  • 只需使用发布示例中的回调功能即可。

标签: css svg transform snap.svg svg-animate


【解决方案1】:

对第二个动画使用回调

hand.animate({transform: 't0,-50'}, 800, function () {
    hand.animate({transform: 't50,-50'}, 800)
});

演示:http://jsfiddle.net/v170mgxa/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-05-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-29
    • 2016-07-15
    • 2016-08-28
    • 2016-09-08
    相关资源
    最近更新 更多