css滑鼠懸浮圖片遮罩效果實現代碼

本文主要和大家分享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>