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

Posted 2020-11-28 熊猫大侠

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