2023-11-10 css滤镜学习

style: '-webkit-filter:invert(14%) sepia(85%) saturate(4758%) hue-rotate(340deg) brightness(102%) contrast(117%);;filter:invert(14%) sepia(85%) saturate(4758%) hue-rotate(340deg) brightness(102%) contrast(117%);'

这些样式是CSS滤镜(CSS Filter)的一种应用,用于对元素进行图像处理和颜色调整。具体来说,这个样式的作用如下:

-  `-webkit-filter` 和 `filter` 是CSS滤镜属性,用于应用滤镜效果。

-  `invert(14%)` 将元素的颜色反转,使其变为相反的颜色。

-  `sepia(85%)` 将元素的颜色转换为深褐色,模仿旧照片的效果。

-  `saturate(4758%)` 增加元素的饱和度,使其颜色更加鲜艳。

-  `hue-rotate(340deg)` 旋转元素的色相,以角度值指定旋转的程度。

-  `brightness(102%)` 增加元素的亮度,使其变得更亮。

-  `contrast(117%)` 增加元素的对比度,使其色彩更加鲜明。

这些滤镜效果可以对元素的外观进行调整,从而实现图像处理、颜色调整和视觉效果的变化。请注意,滤镜效果的具体数值和效果可以根据需求进行调整。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容