papucho · April 18, 2013 20:59
diff --git a/file.html b/file.html
 <img src="http://lorempixel.com/400/200/sports/" alt="" class="fader">
diff --git a/filter.svg b/filter.svg
diff --git a/style.css b/style.css
 img.fader {
  filter: url(filter.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
  -webkit-transition: all 2s;
 }

 img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
 }
	img.fader {
	filter: url(filter.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
	-webkit-transition: all 2s;
	}

	img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
	}