不常用的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滤镜为元素的渲染提供一些效果,如模糊、颜色转移等 常用于调整图像、背景、边框等 |