专业编程基础技术教程

网站首页 > 基础教程 正文

实用CSS3的Filter属性对图像简单的处理做法

ccvgpt 2024-07-28 12:31:41 基础教程 7 ℃

CSS3的Filter属性对图像简单的处理做法吗,比如可以实现图像的对比度、透明度、亮度等等,感兴趣的小伙伴可以收藏起来方便以后使用哈!

下面简单的来看看实现后的图像处理效果:

实用CSS3的Filter属性对图像简单的处理做法

实现代码:

html结构:

css:

属性详解:

grayscale灰

sepia褐

saturate饱和度

hue-rotate色相旋转

invert反色

opacity透明度

brightness亮度

contrast对比度

blur模糊

drop-shadow阴影

这个属性的兼容性不是很好,现在只有webkit支持。

Tags:

最近发表
标签列表