不常用的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滤镜为元素的渲染提供一些效果,如模糊、颜色转移等 常用于调整图像、背景、边框等
相关推荐
RadiumAg13 分钟前
记一道有趣的面试题
前端·javascript
yangzhi_emo18 分钟前
ES6笔记2
开发语言·前端·javascript
yanlele34 分钟前
我用爬虫抓取了 25 年 5 月掘金热门面试文章
前端·javascript·面试
中微子2 小时前
React状态管理最佳实践
前端
烛阴2 小时前
void 0 的奥秘:解锁 JavaScript 中 undefined 的正确打开方式
前端·javascript
中微子2 小时前
JavaScript 事件与 React 合成事件完全指南:从入门到精通
前端
Hexene...2 小时前
【前端Vue】如何实现echarts图表根据父元素宽度自适应大小
前端·vue.js·echarts
天天扭码3 小时前
《很全面的前端面试题》——HTML篇
前端·面试·html
xw53 小时前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app
!win !3 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app