鼠标移到div上时,div缩小。离开时恢复,如何做到?

图片说明

鼠标移到div上时,div缩小。离开时恢复,如何做到这种效果?
求大概思路

3个回答

<style type="text/css">
.butt {
    width: 200px;
    height: 30px;
    border: 3px solid #f00;
    background-color: #999;
    transition: transform 400ms;
}
.butt:hover {
    transform: scale(0.8,0.8);
}
</style>
</head>
<body>
<div class="butt">button</div>
</body>

qq_23126581
渊渟无迹静涛君
12 个月之前 回复
caozhy
贵阳老马马善福专业维修游泳池堵漏防水工程 赞!
12 个月之前 回复
sun_qqq
sun_qqq 能不能帮我看下这个问题,你遇到过木?https://ask.csdn.net/questions/703048
12 个月之前 回复
sun_qqq
sun_qqq 厉害了老哥,简洁明了
12 个月之前 回复
 <style>
.abc{width:100px;height:100px;background:#f00}
.abc:hover{width:80px; height:80px; }
</style>
<div class="abc"></div>

代码片段给你,这个可以实现div abc移入会变小,出去回复
用到hover

https://www.cnblogs.com/arealy/p/7737051.html
http://www.php.cn/css-tutorial-410693.html
以上两个你可以看看,基本属性用法都有得。希望帮到你

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!

相似问题

5
按住鼠标左键左右移动怎么随着滚动条跟着滚动
7
div如何做到自适应......
2
循环遍历拼接的div中onclick事件失效
1
div#header{样式a} div#header{样式b} header显示哪一个样式
1
共有6张图片, 鼠标停在按钮上,图片播放。鼠标离开按钮,图片停止播放。可是显示半张图片。怎么解决?
2
form如何获取DIV 中的值
2
循环获取div内的值添加到数组、、
3
python中用正则去匹配多个div嵌套的时候,需要这样来写正则表达式
3
js实现子1div拖进2div并跟随2d一起托动并1d可在2d随意拖动但不能超过2d的范围
5
java 中div被拖拽后经历某些事件能让div回到拖拽之前的位置
4
createElement("div") 创建一个div 和 直接用字符串拼接一个div一样吗?
1
如何获取angularjs动态生成的div对象
9
如何在点击一个<div>时去执行一个javascript里的函数?
5
同级元素,p遮挡div,两个都绑定了click事件,如何使click只触发div不触发p
12
js 若 拖动 div中的图片到 div 框架之外的区域 则该图片就隐藏
10
用JQuery实现在div1后追加多个有内容的div2,并实现div2里面的元素的id自增
0
WKWebView中添加新的div显示时界面卡死
1
学生请教html。想将10张图片进行幻灯片播放,每张对应一个div,div水平居中隐藏布置在图片背后
1
左边DIV①的扩充内容DIV②(DIV②属于DIV①中的内容)如何显示在右边iframe的上方?
9
点击按钮动态添加DIV时,添加了两个相同的DIV,现在要对其中指定的一个进行操作,应该如何区分?