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