收藏
回答

this.animate,请问同一个selector集合的不同元素如何绑定不同的keyframes?

this.animate('.block', [
    { scale: [1, 1], rotate: 0, ease: 'ease-out'  }
  ], 5000, function () {
    this.clearAnimation('.block', function () {
      console.log("清除了.block上的所有动画属性")
    })
  }.bind(this))

以此为例,同有`.block`的不同元素a,b,c,如果希望实现的keyframes略微不同,比如元素a实现` scale: [1, 1]`,元素b实现` scale: [1, 2]`,元素c实现` scale: [1, 3]`,请问怎么实现?

或者有什么更合适的方法?谢谢
回答关注问题邀请回答
收藏

1 个回答

  • 卢霄霄
    卢霄霄
    2020-05-14

    为啥不用3个 this.animate呢 .block:nth-child(1) 2 3

    2020-05-14
    有用
    回复 2
    • 易言
      易言
      2020-05-14
      貌似无法做到,如果我的理解没错的话,`.block:nth-child`不支持,`.block`绑定多个动画只支持第一个。已改用别的方式,多谢回复
      2020-05-14
      回复
    • 卢霄霄
      卢霄霄
      2020-05-14回复易言
      还真不行 就支持那几个...
      2020-05-14
      回复
登录 后发表内容
问题标签