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的用法
猜你喜欢
- Bootstrap 粘页脚效果 2023-12-14
- div层调整z-index属性在IE中无效原因分析及解决方法 2024-02-06
- Ajax与mysql数据交互制作留言板功能(全) 2023-01-31
- css实现“加号”效果的实例代码 2024-01-03
- Ajax跨域问题及解决方案(jsonp,cors) 2023-02-23
- 利用AJAX实现无刷新数据分页 2022-12-28
- Vue cli写的一款PC端音乐播放器(网易云的API) 2023-10-08
- 用jquery写的菜单从左往右滑动出现 2024-01-03
- 基于CSS3实现的黑色个性导航菜单效果 2024-02-07
- uniapp调用百度语音实现录音转文字功能 2023-08-12