0
点赞
收藏
分享

微信扫一扫

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

小龟老师 2022-11-29 阅读 115


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

         

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

       

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

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

 

 

举报

相关推荐

0 条评论