JSFiddle - React, Tailwind, and code Playground

by abdul quadir

HTML

<img src="http://www.attuts.com/wp-content/uploads/2015/01/love-love-31716724-1280-960-1024x768.jpg" width="400" class="imgcls" />

CSS

.imgcls{
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
  filter: gray; /* IE 6-9 */
 
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;

}
.imgcls:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */
}