例如：<div class="div"><img src="img"></div>鼠标滑过图片就浮起来
1 回答
已采纳
sheshunjiang
TA贡献11条经验 获得超2个赞
也不知道你是不是说的这个效果？
<style>
body{background:#CCC;}
.main{margin:0 auto; width:200px; height:150px; overflow:hidden; margin-top:100px; cursor:pointer;border:5px solid #fff;}
.main:hover{ box-shadow:4px 4px 10px 5px #999,-4px -4px 10px 5px #999;}
</style>
</head>
<body>
<div class="main"><img src="../照片墙/images/2.jpg" /></div>
</body>
</html>
主要用box-shadow盒子阴影，来实现悬浮。（此处还可以添加动画，让用户体验更加）
- 1 回答
- 1 关注
- 2286 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消