JSFiddle - React, Tailwind, and code Playground

by 1eddy87

HTML

<a href="#">
    <img class="imagedropshadow" src="http://www.cvwdesign.com/txp/images/52.jpg" width="250" height="188" alt="Lime with green background">
</a>

CSS

.imagedropshadow {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
a:hover img.imagedropshadow {
    -moz-box-shadow: 0px 0px 10px #999;
    -webkit-box-shadow: 0px 0px 10px #999;
    box-shadow: 0px 0px 10px #999;
}