real47LEBJ 2021-10-26 16:56 采纳率: 95.7%
浏览 227
已结题

Vue实现点击按钮使图片平移到某个位置怎么实现?有个时间间隔有点动画效果

现在使用animate插件可以实现点击按钮使元素消失出现,是通过设置show属性。现在不知道实现位置变化怎么写,思路是应该是图片有个初始位置,有个结束位置,但这些属性在哪写呢?return里的data里吗?

  • 写回答

5条回答 默认 最新

  • 前端不释卷leo 前端领域新星创作者 2021-10-26 17:32
    关注

    为图片容器.imgDiv设置css动画,贼香,如

    .imgDiv  {
      animation-duration: 2s;
      animation-name: imgmove;
    }
    @keyframes imgmove {
      from {
        margin-left: 50px;
      }
      to {
        margin-left: 100px;
      }
    }
    

    当然,如果你不想影响页面布局,那可以将图片容器设置成绝对定位

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 11月4日
  • 已采纳回答 10月27日
  • 创建了问题 10月26日

悬赏问题

  • ¥15 BP神经网络控制倒立摆
  • ¥20 要这个数学建模编程的代码 并且能完整允许出来结果 完整的过程和数据的结果
  • ¥15 html5+css和javascript有人可以帮吗?图片要怎么插入代码里面啊
  • ¥30 Unity接入微信SDK 无法开启摄像头
  • ¥20 有偿 写代码 要用特定的软件anaconda 里的jvpyter 用python3写
  • ¥20 cad图纸,chx-3六轴码垛机器人
  • ¥15 移动摄像头专网需要解vlan
  • ¥20 access多表提取相同字段数据并合并
  • ¥20 基于MSP430f5529的MPU6050驱动,求出欧拉角
  • ¥20 Java-Oj-桌布的计算