css3 實現圖片遮罩效果,hover出現文字

時間 2019-12-07

標籤 css3 css 實現圖片效果 hover 出現文字欄目 CSS 简体版

原文原文鏈接

鼠標hover 之後。圖片上面出現一個遮罩, 透明度變化，顯示設置好的文字的文字，徹底使用css 實現，下圖是效果css 關鍵代碼 html .featured-image:hover { opacity: 0.9; color: #fff; background: rgba(0,0,0,0.8); } 看源碼吧 web <!doctype html> <html> <head> <m

>>阅读原文<<