不常用的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滤镜为元素的渲染提供一些效果,如模糊、颜色转移等 常用于调整图像、背景、边框等
相关推荐
Java水解几秒前
一文了解Blob文件格式,前端必备技能之一
前端
用户38022585982421 分钟前
vue3源码解析:响应式机制
前端·vue.js
bo5210023 分钟前
浏览器渲染机制详解(包含渲染流程、树结构、异步js)
前端·面试·浏览器
普通程序员29 分钟前
Gemini CLI 新手安装与使用指南
前端·人工智能·后端
山有木兮木有枝_32 分钟前
react受控模式和非受控模式(日历的实现)
前端·javascript·react.js
流口水的兔子33 分钟前
作为一个新手,如果让你去用【微信小程序通过BLE实现与设备通讯】,你会怎么做,
前端·物联网·微信小程序
多啦C梦a36 分钟前
🪄 用 React 玩转「图片识词 + 语音 TTS」:月影大佬的 AI 英语私教是怎么炼成的?
前端·react.js
呆呆的心36 分钟前
大厂面试官都在问的 WEUI Uploader,源码里藏了多少干货?🤔
前端·微信·面试
heartmoonq38 分钟前
深入理解 Vue 3 响应式系统原理:Proxy、Track 与 Trigger 的协奏曲
前端
独立开阀者_FwtCoder1 小时前
放弃 JSON.parse(JSON.stringify()) 吧!试试现代深拷贝!
前端·javascript·github