CSS——css3 filter属性

最新推荐文章于 2024-08-25 01:17:37 发布

dbt@L

最新推荐文章于 2024-08-25 01:17:37 发布

阅读量91

点赞数

分类专栏： CSS 文章标签： css css3 前端

本文链接：https://blog.csdn.net/qq_43201350/article/details/128684543

版权

CSS 专栏收录该内容

65 篇文章 2 订阅

订阅专栏

本文介绍了CSS中的滤镜效果，包括blur(模糊)、grayscale(灰度)、sepia(老照片效果)、saturate(饱和度调整)、invert(反色)和opacity(不透明度)。这些滤镜可用于改变网页元素的视觉呈现，创建各种艺术效果。

摘要由CSDN通过智能技术生成

// 模糊
filter: blur(5px);
// 灰度 范围0到1，0为原色，1为黑白色
filter: grayscale(1); 
// 黄棕色，类似老照片效果 范围0到11，0为原色，1为黄棕色
filter: sepia(1);
// 饱和度 默认100%	
filter: saturate(3);
// 反色  范围0到1
filter: invert(1);
// 不透明度 范围0到1
filter: opacity(1);