css图片变灰.html

iteye_11613

于 2013-08-30 23:01:00 发布

阅读量195

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS HTML 文章标签： html css

本文链接：https://blog.youkuaiyun.com/iteye_11613/article/details/82537639

HTML 同时被 2 个专栏收录

25 篇文章

订阅专栏

CSS

20 篇文章

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style>
	img {
		filter: url("data:image/svg+xml;utf8,<svg 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>#grayscale"); /* Firefox 3.5+ */
		filter: grey; -moz-opacity:.4;opacity:0.4;; /* IE6-9 */
		-webkit-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
	}
  </style>
 </head>

 <body>
	<img src="20130805144335.jpg">
 </body>
</html>