单纯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盒子阴影,来实现悬浮。(此处还可以添加动画,让用户体验更加)
打开App,查看更多内容
随时随地看视频慕课网APP