一个简单的点击效果

html

<div class="button"></div>

css

方式1：

.button{
  position: relative;
}
.button:active{
  top: 2px;
}

点击div时，整个div会向下偏移2px

方式2：

.button:active{
  transform: scale(0.98, 0.98)
}

点击div时，整个div会在x轴缩放0.98，会在y轴缩放0.98