Css Filter

简介: Css Filter

Css Fileter

参数:
blur(10px)   高斯模糊(px) 越大越模糊
brightness(1%) 线性乘法 提高亮度或变暗 越小越黑
contrast(1%) 对比度 越小越黑  越大越亮
drop-shadow(1px 1px 10px 20px)  类似于box-shadow
grayscale(1%) 灰度图像  越大越灰
hue-rotate(1deg) 色相旋转 0-360
invert(1%) 反转输入图像  0-100
opacity(1%) 设置透明度
saturate(1%) 设置图像饱和度 越大饱和度越高
sepia(1%) 图像转换未深褐色, 0-100 越大颜色越深

相关文章
|
5月前
|
前端开发
CSS改变图标颜色(filter一行代码解决hover变换颜色问题)
CSS改变图标颜色(filter一行代码解决hover变换颜色问题)
65 0
|
前端开发
「趣学前端」filter滤镜,CSS的PS特技
CSS之filter赏析,来show一波CSS的PS特技。
130 1
|
前端开发
从微信聊天框开始学习CSS属性filter
从微信聊天框开始学习CSS属性filter
331 0
|
Web App开发 前端开发 iOS开发
css3 filter滤镜属性使用
最近在修改内网门户的时候,恰好遇到了需要使用滤镜的地方;刚开始用的是两张图片;鼠标滑过背景变成渐变;图标切换;但是后台配置了图标后;导致鼠标滑过图标不能正常切换;于是就想到了滤镜的效果来处理。所以顺便学习了一下常用的滤镜效果。
324 0
|
前端开发 容器
CSS filter 生成不规则边框.md
CSS filter 生成不规则边框.md
CSS filter 生成不规则边框.md