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

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)
}