摄影教程 CSS 滤镜的不常用用法 确定不进来？

本文主要介绍 CSS 滤镜的不常用用法

先简单看看几种滤镜的效果：

你可以通过 hover 取消滤镜，观察该滤镜的效果。

简单来说，CSS 滤镜就是提供类似 PS 的图形特效，像模糊，锐化或元素变色等功能。通常被用于调整图片，背景和边界的渲染。本文就会围绕这些滤镜展开，看看具体能怎么使用或者玩出什么花活。

常用用法

既然是标题是你所不知道的技巧与细节，那么比较常用的一些用法就不再赘述，通常我们见得比较多的 CSS 滤镜用法有：

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

使用 filter: drop-shadow()生成整体阴影效果

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

如果对上面的技巧不是很了解，可以稍稍百度谷歌一下，下文将由浅及深，介绍一些不大常见的滤镜的具体用法及一些小细节：

contrast/brightness — hover 增亮图片

通常页面上的按钮，都会有 hover/active 的颜色变化，以增强与用户的交互。但是一些图片展示，则很少有 hover 的交互，运用filter: contrast()或者filter: brightness()可以在 hover 图片的时候，调整图片的对比图或者亮度，达到聚焦用户视野的目的。

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

本站部分内容、观点、图片、文字、视频来自网络，仅供大家学习和交流，真实性、完整性、及时性本站不作任何保证或承诺。如果本站有涉及侵犯您的版权、著作权、肖像权的内容，请联系我们(0536-8337192),我们会立即审核并处理。

我要评论

当前已有loading...个参与

验证码：

• 
  作品
• 
  婚纱
• 
  婚纱照
• 
  1

• 寻影冰雪天鹅 威海生态之旅 “佳能行摄生态
• 摄影师MARCUS独家专访丨探索他与劲捷摄影器
• AI调色功能震撼首发，像素蛋糕亮相2023国际
• 2023小米徕卡影像大赛特展开幕,小米携手周
• 春节营销混战，美图如何为品牌量身打造主场
• 商务户外科技创新先驱,男裤专家九牧王硬核
• 凝心聚力 御见未来 ——御术华医首届“会员
• 御术华医正式启动企业职业技能等级认定工作