html 鼠标移到div上，鼠标变成手指状，并且div放大

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、效果：

手指效果，截图不出来，但是大小效果明显