Convert an image to grayscale with CSS

Nett, bei stackoverflow habe ich gerade eine Lösung für grayscale Bilder ohne JavaScript gefunden.

.target {
   filter: url(resources.svg#desaturate);
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
   -webkit-filter: grayscale(100%);
}

resources.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1"
     baseProfile="full"
     xmlns="http://www.w3.org/2000/svg">
    <filter id="desaturate">
        <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>
 

bvt