攝影教程 CSS 濾鏡的不常用用法確定不進(jìn)來？

文章來源：其他網(wǎng)絡(luò) 我要投稿

本文主要介紹 CSS 濾鏡的不常用用法

CSS 濾鏡的不常用用法確定不進(jìn)來？

先簡單看看幾種濾鏡的效果：

你可以通過 hover 取消濾鏡，觀察該濾鏡的效果。

簡單來說，CSS 濾鏡就是提供類似 PS 的圖形特效，像模糊，銳化或元素變色等功能。通常被用于調(diào)整圖片，背景和邊界的渲染。本文就會圍繞這些濾鏡展開，看看具體能怎么使用或者玩出什么花活。

常用用法

既然是標(biāo)題是你所不知道的技巧與細(xì)節(jié)，那么比較常用的一些用法就不再贅述，通常我們見得比較多的 CSS 濾鏡用法有：

使用 filter: blur()生成毛玻璃效果

使用 filter: drop-shadow()生成整體陰影效果

使用 filter: opacity()生成透明度

如果對上面的技巧不是很了解，可以稍稍百度谷歌一下，下文將由淺及深，介紹一些不大常見的濾鏡的具體用法及一些小細(xì)節(jié)：

contrast/brightness — hover 增亮圖片

通常頁面上的按鈕，都會有 hover/active 的顏色變化，以增強(qiáng)與用戶的交互。但是一些圖片展示，則很少有 hover 的交互，運(yùn)用filter: contrast()或者filter: brightness()可以在 hover 圖片的時候，調(diào)整圖片的對比圖或者亮度，達(dá)到聚焦用戶視野的目的。

brightness表示亮度，contrast 表示對比度。

官方微博：@全影網(wǎng) https://weibo.com/7192com

官方微信：想在手機(jī)上獲取最新鮮資訊嗎？添加全影網(wǎng)官方微信：www7192com

上一篇：相機(jī)名詞，你能看懂幾個？

下一篇：攝影小技巧分享~

免責(zé)聲明：

本站部分內(nèi)容、觀點(diǎn)、圖片、文字、視頻來自網(wǎng)絡(luò)，僅供大家學(xué)習(xí)和交流，真實性、完整性、及時性本站不作任何保證或承諾。如果本站有涉及侵犯您的版權(quán)、著作權(quán)、肖像權(quán)的內(nèi)容，請聯(lián)系我們(0536-8337192),我們會立即審核并處理。

關(guān)鍵詞：濾鏡常用毛玻璃