网页变灰色代码实例
分类:实例代码
分享一段代码实例,它实现了网页灰色效果。
通常应用于特殊的日子,大家都明白的,代码实例如下:
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style> html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: url(desaturate.svg#grayscale); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); } </style> </head> <body> <div><img src="demo/CSS/img/2.jpg"></div> </body> </html>