收藏
回答

用vue写小程序做了个动画animation未生效?

不知道是语法错误,还是咋的,这么写可以改变元素的right值,就是动画没有生效,

回答关注问题邀请回答
收藏

6 个回答

  • 卡卡
    卡卡
    2021-07-06
    问题描述的太不清晰了,你贴的代码也没什么用处,你动画的@keyframes,写个animation:right就是right改变有动画效果?那应该是 transition
    


    2021-07-06
    有用 3
    回复 4
    • 卡卡
      卡卡
      2021-07-06
      css属性用错了
      2021-07-06
      回复
    • YyJjHh
      YyJjHh
      2021-07-06
      这样啊,现在去补习
      2021-07-06
      回复
    • YyJjHh
      YyJjHh
      2021-07-06
      。。。吐了,太久没写忘记了 。。谢谢大哥
      2021-07-06
      回复
    • 卡卡
      卡卡
      2021-07-06回复YyJjHh
      麻烦点个有用哦,谢谢
      2021-07-06
      回复
  • 睡前原谅一切
    睡前原谅一切
    2021-07-06
    .menu-open {
      animation: menuO 0.2s both;
      transform-origin: 50% 50%;
    }
    
    
    
    @keyframes menuO {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(45deg);
      }
    }
    
    2021-07-06
    有用 2
    回复
  • this
    this
    2021-07-06

    纯粹是transition和animation搞混了,建议恶补一下

    2021-07-06
    有用 1
    回复 1
    • YyJjHh
      YyJjHh
      2021-07-06
      好,太久没写忘记了,谢谢
      2021-07-06
      回复
  • MR.Liang
    MR.Liang
    2021-07-23
      animation: function(){
        //创建移动动画
        const animation = wx.createAnimation({
          duration: 600, //动画持续时间,单位 ms
          delay: 50, //动画延迟时间,单位 ms
          timingFunction: 'ease', //动画的效果
        })
        //移动并缩小
        animation.translateX(-10).scale(1.05, 1.05).step().export()
        this.setData({
          animation: animation, //
        })
    
    2021-07-23
    有用
    回复
  • 微喵网络
    微喵网络
    2021-07-06

    这是uni-app?

    2021-07-06
    有用
    回复 2
    • YyJjHh
      YyJjHh
      2021-07-06
      2021-07-06
      回复
    • 微喵网络
      微喵网络
      2021-07-06回复YyJjHh
      请移步uni-app官方社区
      2021-07-06
      回复
  • YyJjHh
    YyJjHh
    2021-07-06

    这是写错了,还是小程序不能这么写哦?

    2021-07-06
    有用
    回复
登录 后发表内容