vue 图片点击放大,vue图片放大缩小拖动

  vue 图片点击放大,vue图片放大缩小拖动

  这篇文章主要介绍了vue。j实现点击图标放大离开时缩小,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  上篇文章给大家介绍了某视频剪辑软件实现裁切图片同时实现放大、缩小、旋转功能,今天给大家介绍vue。j实现点击图标放大离开缩小功能,具体代码如下所示:

  @-网络工具包-关键帧脉冲1 {

  从{

  -webkit-transform: scale3d(1.05,1.05,1.05);

  transform: scale3d(1.05,1.05,1.05);

  }

  到{

  -webkit-transform: scale3d(1,1,1);

  transform: scale3d(1,1,1);

  }

  /*到{

  -webkit-transform: scale3d(1,1,1);

  transform: scale3d(1,1,1);

  } */

  }

  @关键帧脉冲1 {

  从{

  -webkit-transform: scale3d(1.05,1.05,1.05);

  transform: scale3d(1.05,1.05,1.05);

  }

  到{

  -webkit-transform: scale3d(1,1,1);

  transform: scale3d(1,1,1);

  }

  /*到{

  -webkit-transform: scale3d(1,1,1);

  transform: scale3d(1,1,1);

  } */

  }。脉冲1 {

  -WebKit-animation-name:pulse 1;

  动画-名称:脉冲1

  }

  @-网络工具包-关键帧脉冲{

  从{

  -webkit-transform: scale3d(1,1,1);

  transform: scale3d(1,1,1);

  }

  到{

  -webkit-transform: scale3d(1.05,1.05,1.05);

  transform: scale3d(1.05,1.05,1.05);

  }

  /*到{

  -webkit-transform: scale3d(1,1,1);

  transform: scale3d(1,1,1);

  } */

  }

  @关键帧脉冲{

  从{

  -webkit-transform: scale3d(1,1,1);

  transform: scale3d(1,1,1);

  }

  到{

  -webkit-transform: scale3d(1.05,1.05,1.05);

  transform: scale3d(1.05,1.05,1.05);

  }

  /*到{

  -webkit-transform: scale3d(1,1,1);

  transform: scale3d(1,1,1);

  } */

  }。脉搏{

  -WebKit-animation-name:pulse;

  动画-名称:脉冲;

  }。动画1 {

  -网络工具包-动画-时长:1s;

  动画-时长:1s;

  -网络工具包-动画-填充-模式:两者都有;

  动画-填充-模式:两者都有;

  }

  到此这篇关于vue。j实现点击图标放大离开时缩小的代码的文章就介绍到这了,更多相关某视频剪辑软件实现点击图标放大离开缩小内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: