JSFiddle - React, Tailwind, and code Playground

by Shidhin C R

HTML

<script src="http://james.padolsey.com/demos/grayscale/grayscale.js" ></script>
<img src="http://images1.fanpop.com/images/photos/2400000/wallpaper-for-aladdin-and-jasmine-aladdin-2462317-1024-768.jpg" />
<img src="http://freeimagesarchive.com/data/media/213/Aladdin+And+Jasmine.jpg" />
<img src="http://images.fanpop.com/images/image_uploads/Aladdin---Jasmin-aladdin-613149_1181_815.jpg" />

CSS

img {
    width:100px;
    height:100px;
    margin: 10px;
}
img:hover {
    box-shadow: 0 0 12px  black;
}

JavaScript

jQuery(function(){
    jQuery("img").hover(function(){
         grayscale(this);
    });
});