JSFiddle - React, Tailwind, and code Playground

by smlombardi

HTML

<script src="http://demosthenes.info/assets/images/gold-picture-frame.png"></script>

<img src="http://upload.wikimedia.org/wikipedia/commons/c/ce/Coca_Cola_Zero_bottle.png" class="shadowfilter bottleimage"/>

CSS

.shadowCSS { box-shadow: 12px 12px 7px rgba(255,0,0,0.5); }
.shadowfilter { 
    -webkit-filter: drop-shadow(1px 1px 8px rgba(255,0,0,0.5));
    filter: url(shadow.svg#drop-shadow);
}
.shadowfilter:hover { 
    -webkit-filter: drop-shadow(1px 1px 15px rgba(0,255,0,0.8));
    filter: url(shadow.svg#drop-shadow);
}
.bottleimage {width: 500px;}