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
本文标题:一个简单的点击效果
本文链接:https://www.haomeiwen.com/subject/wxstiltx.html
网友评论