例如：<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盒子陰影，來實現懸浮。（此處還可以添加動畫，讓用戶體驗更加）
-
qq_小白_7謝謝啊 -
sheshunjiangno xie
- 1 回答
- 1 關注
- 2319 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消