转换图像为灰度图代码,Css代码库,德仔网

代码语言

代码分类

【Css】转换图像为灰度图

作者:亭 / 发布于2014/11/11/ 488


	/*
	* First create a file filters.svg with the following contents
	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
	 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
	<svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg">
	 <filter id="grayscale">
	 <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/>
	 </filter>
	</svg>
	*/

	img {
	 filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
	 filter: gray; /* IE5+ */
	 -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
	}

	img:hover {
	 filter: none;
	 -webkit-filter: grayscale(0);
	}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　灰度图　　转换图像　

同语言下

可能有用的

亭贡献的其它代码(23)