saturate() 函数是 CSS 中的一个内置函数,用于对输入图像进行超饱和或去饱和。
参数介绍:
此函数接受单个参数 amount,该参数包含转换量。参数值以数字或百分比形式设置。值 0% 表示完全不饱和,100% 表示完全饱和,您可以进一步增加饱和度。
代码示例:
.wrapper {
position: relative;
border-bottom: 1px solid var(--border-color);
height: var(--header-height);
padding: 0 12px 0 24px;
background-image: radial-gradient(transparent 1px,var(--bg-color) 1px);
background-size: 4px 4px;
backdrop-filter: saturate(50%) blur(4px);
-webkit-backdrop-filter: saturate(50%) blur(4px);
top: 0;
}
以上是编程学习网小编为您介绍的“css3关于saturate的用法”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:css3关于saturate的用法
基础教程推荐
猜你喜欢
- JavaScript事件类型中焦点、鼠标和滚轮事件详解 2023-11-30
- 详解盒子端CSS动画性能提升 2022-11-13
- 使用CSS去掉超链接的虚线边框的方法 2024-01-19
- Ajax校验用户名是否存在的方法 2023-02-23
- React Hooks 实现的中文输入组件 2023-07-10
- 5分钟教你学会 CSS Grid 布局 2024-01-21
- 使用Referrer Policy解决第三方平台的照片在https站点无法打开的问题 2022-12-16
- 一文读懂微信小程序页面导航 2024-02-10
- javascript – 如何从HTML表格中将数据插入mysql数据库 2023-10-26
- javascript – 是否可以从内存中的html字符串加载电子webContents? 2023-10-25