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的用法
基础教程推荐
猜你喜欢
- 在vue中解决 图片便利的问题 2023-10-08
- HTML5新增属性data-*和js/jquery之间的交互及注意事项 2022-09-16
- js鼠标及对象坐标控制属性详细解析 2023-12-27
- HTML5学习笔记 2023-10-26
- CSS编辑工具Topstyle轻松打造网页风格 2022-10-16
- Vue el-table实现右键菜单功能 2023-12-20
- CSS中margin边界叠加问题及解决方案 2023-12-21
- javascript中instanceof运算符的用法详解 2024-03-08
- JavaScript+CSS相册特效实例代码 2023-12-08
- JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法 2024-02-07
