Simplest way to achieve grayscale with CSS exclusively is via the filter
property.
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
The property is still not fully supported and still requires the -webkit-filter
property for support across all browsers.