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的用法


基础教程推荐
猜你喜欢
- layer.open获取弹出层(子集iframe)中的元素或参数 2022-10-05
- 详细谈谈ES6中的symbol数据类型 2023-08-08
- css中让元素隐藏的多种方法 2023-12-27
- HTML申请注册表练习 2023-10-27
- javascript实现跟随鼠标移动的图片 2023-12-21
- 【免费开源】基于Vue和Quasar的crudapi前端SPA项目实战—环境搭建 (一) 2023-10-08
- 一篇文章看懂JavaScript中的回调 2024-01-06
- location.hash保存页面状态的技巧 2024-01-08
- 基于Ajax表单提交及后台处理简单的应用 2023-01-21
- 使用AJAX完成用户名是否存在异步校验 2023-01-26