本文主要跟大家分享css滑鼠懸浮圖片遮罩效果實現程式碼，希望能幫助大家。
css
p>p{ background: rgba(255, 255, 255, 0); transition: background 0.3s linear;}p:hover>p{ background: rgba(228, 228, 228, 0.29);}html
<p style="width:200px;height:200px;position: absolute;">
<img src="img/img.jpg" style="width: 100%;height: 100%;"/>
<p style="position: absolute;width: 100%;height: 100%;top: 0;"></p></p>相關推薦：
javascript 滑鼠懸浮圖片顯示原圖移出滑鼠後原圖消失（多圖）_圖象特效
#以上是css滑鼠懸浮圖片遮罩效果實現程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
