首頁  >  文章  >  web前端  >  css滑鼠懸浮圖片遮罩效果實現程式碼

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

小云云
小云云原創
2018-02-28 10:19:003195瀏覽

本文主要跟大家分享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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn