码迷,mamicode.com
首页 > 移动开发 > 详细

vue移动端点击一个元素缩小,松手的时候元素恢复正常

时间:2020-02-28 01:32:42      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:span   ansi   col   back   端点   out   vue   :active   -o   

active伪类解决

HTML代码

<div class=‘box‘>
</div>

CSS代码

.box {
  width: 100px;
  height: 100px;
  background: green;
  transition: transform 0.3s ease-out;
}

.box:active {
  transform: scale(0.5)
}

 

vue移动端点击一个元素缩小,松手的时候元素恢复正常

标签:span   ansi   col   back   端点   out   vue   :active   -o   

原文地址:https://www.cnblogs.com/helloyoyo/p/12375438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!