新设计人网[www.sjidea.com],努力打造为新设计服务综合资讯第一网!
全新域名:[www.sjidea.com]

新设计人资源网

怎么用css样式把图片改为灰色

www.sjidea.com | CSS教程 | 2022-05-23

在css中,可以利用filter属性来把图片改为灰色,该属性可以给图片添加滤镜效果,只需要给图片元素添加“filter: grayscale(灰度数值%);”样式即可将图片设置为灰色。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中,可以利用filter属性来把图片改为灰色。

filter 属性定义了元素(通常是)的可视效果,即给图片添加滤镜效果,例如:模糊与饱和度。

当filter 属性的值为grayscale(%),可将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0;

示例代码:



	
		
	
	

		

设置图片的灰度:

1.png



感谢您的阅读标题为 《怎么用css样式把图片改为灰色》的文章,更多教程内容可关注新设计人网。