猿问
回到首页
个人中心
反馈问题
注册登录
下载APP
首页
课程
实战
体系课
手记
专栏
慕课教程
单纯CSS怎样实现图片浮起来?
例如:<div class="div"><img src="img"></div>
鼠标滑过图片就浮起来
qq_小白_7
浏览 2290
回答 1
1回答
sheshunjiang
也不知道你是不是说的这个效果?<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盒子阴影,来实现悬浮。(此处还可以添加动画,让用户体验更加)
0
0
2
打开App,查看更多内容
随时随地看视频
慕课网APP
相关问题
为什么字体颜色在Eclipse上没有变化
2 回答
相关分类
Html/CSS
为什么字体颜色在Eclipse上没有变化
2 回答
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续