Reprint NetEase Blog: Organize the major websites to make the website grayed out CSS code

2013-07-21 15:06:47

Beijing time 4 months, 8 hours, Lushan County, Yaan City, Sichuan province (north latitude 30.3, Longitude 103.0) 7.0 magnitude earthquake occurred. Source depth of km. The major web site will be grayed out, I sorted out the next part of the website grayed out CSS code.

1, the website all gray

HTML{Filter:grayscale (100%);-webkit-filter:grayscale (100%);-moz-filter:grayscale (100%);-ms-filter:grayscale (100%);-o-filter:grayscale (100%);Filter:URL ("Data:image/svg+xml;utf8,<svg xmlns= ' http://www.w3.org/2000/svg ' ><filter ID ... 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0 '/></filter></svg> #grayscalerayscale ");Filter:progid:DXImageTransform.Microsoft.BasicImage (grayscale=1);-webkit-filter:Grayscale (1);}

For example, Sina Network:

2, the site part of the gray

#search-button{
Display:Inline-block;
Width:100px;
Height:40px;
_height:42px;
Margin-left:5px;
Outline:0;
Border:1px solid #999;
Box-shadow:0 1px 1px rgba (0,0,0,0.2);
-webkit-box-shadow:0 1px 1px rgba (0,0,0,0.2);
Text-shadow:0-1px 0 Rgba (0,0,0,0.1);
-webkit-text-shadow:0-1px 0 Rgba (0,0,0,0.1);
-moz-text-shadow:0-1px 0 Rgba (0,0,0,0.1);
Background:url (' http://p1.qhimg.com/gray/d/_onebox/btn-98-114.png ') no-repeat #3eaf0e;
Color: White;
Font:Bold 16px ' Microsoft Yahei ', Sans-serif;
Vertical-align:Top;
Cursor:Pointer;
}

such as 360 search

3, the use of images to achieve the background of the web dimmed

. Background {    bbackground: url (http://y1.ifengimg.com/2f86f1d4ae63c9a4/2013/0422/bk130421.jpg) no-repeat Center top;}

Reprint NetEase Blog: Organize the major websites to make the website grayed out CSS code