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

         

       

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