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

                

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

 

 

发布了146 篇原创文章 · 获赞 61 · 访问量 30万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章