1、html代碼
<div class="contentDiv2">
<div style="background-color: #F5BD34"><i class="iconfont icon-wa" ></i></div>
<p>xxxx報表</p>
</div>
2、css代碼
.div {
border-radius:30px;
cursor: pointer;/*鼠標變成手指樣式*/
transition: all 0.6s;/*所有屬性變化在0.6秒內執行動畫*/
}
.div:hover{
transform: scale(1.3);/*鼠標放上之後元素變成1.4倍大小*/
}
3、效果:
手指效果,截圖不出來,但是大小效果明顯