不常用的css合集
不常用的css合集
filter属性值是1-100 呈现效效果都是线性的
| Filter | 描述 |
|---|---|
| grayscale(%) | 将图像转为灰度图像 1是默认值，100是完全转化为灰色图像 |
| opacity(%) | 给图片设置透明度，1是完全不透明，100是默认值 |
| saturate(%) | 给图片添加饱和度，1是默认值 设置的值可以大于100 |
| blur(px) | 给图片添加模糊程度，0是默认值，可设置css长度值 |
| brightness(%) | 使图片变亮或变暗，1是默认值 0是纯黑 100%图像不变，可以超过100，值越大就越明亮 |
| invert(%) | 图像反转 0是默认值 100是完全反转 0是不反转 |
| hue-rotate(deg) | 给图像应用色相反转,0是默认值 最大值是360 超过360相当于又来一圈 |
| contrast(%) | 调整图像对比度 1是默认值 0是全黑 100图像不变 可超过100 意味着可以运用更低的对比 |
| sepia(%) | 将图像转为深褐色，0是默认值 100是完全转化 |
| drop-shadow | css滤镜为元素的渲染提供一些效果，如模糊、颜色转移等 常用于调整图像、背景、边框等 |