CSS 圖片霧化是一種很酷的效果,可以讓圖片看起來更加柔和、朦朧,讓網頁更加美觀。可以通過 CSS 的 filter 屬性來實現圖片霧化。
img { filter: blur(3px); }
上面的代碼中,我們使用了 CSS 的 filter 屬性,其內容為 blur(3px),表示對圖片進行模糊處理,模糊半徑為 3 像素。
同時,我們可以通過給圖片添加透明度來增強霧化效果,如下所示:
img { filter: blur(3px); opacity: 0.8; }
上面的代碼中,我們在模糊處理的基礎上,增加了圖片的透明度,使得圖片看起來更加柔和、朦朧。
需要注意的是,CSS 的 filter 屬性目前只有部分瀏覽器支持。如果你要在你的網站上使用圖片霧化效果,可以考慮使用 CSS 預處理器,如 Sass 或 Less,或者使用 JavaScript 庫,如 jQuery。
上一篇mysql的tables
下一篇css 圖片飽和度