教你如何用CSS更改PNG图像的颜色

2019-09-29 09:29:50

给定一个图像,如何使用CSS更改PNG图像的颜色?下面本篇文章就来给大家使用CSS更改PNG图像颜色的方法,希望对大家有所帮助。


在CSS中使用Filter属性,利用滤镜功能来更改png图像颜色;CSS的Filter属性主要用于设置图像的视觉效果。


Filter属性存在许多属性值:


filter: none|blur()|brightness()|contrast()|drop-shadow()|grayscale() |hue-rotate()|invert()|opacity()|saturate()|sepia()|url();

示例1:使用灰度滤镜将彩色图像更改为灰度图像:


Markup

转换为灰度图像


        width="500px" height="250px" alt="filter applied" />



本段代码来自 https://www.jiangweishan.com/article/html9iit909.html

示例2:此示例对图像使用许多过滤器。


Markup

将图像转换为不同的颜色


   

        width="500px" height="250px" alt="filter applied" />


/body>