How To Make Whole Page Grayscale With CSS Only

Do you need to turn whole web page into grayscale? We can do that only with CSS. Turn into grayscale mean all whole things on your web page: text, link color, image, border, background, even all external images on your web.

This is for turn whole web page into grayscale

html {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    filter: grayscale(100%);
}

Just in case you want to keep color of any background (color / images) you might need like this:

body {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    filter: grayscale(100%);
}

Thats all How To Make Whole Page Into Grayscale With CSS Only.