JSFiddle - React, Tailwind, and code Playground

by Craig Haywood

HTML

<div id="webkit-filter"></div>

CSS

#webkit-filter
{
    background-image: url('http://images4.wikia.nocookie.net/__cb20080915185924/emoticon/images/1/16/Blue_smiley_face.png');
    
    background-position: center top;
    background-repeat: no-repeat;
    
    width: 400px;
    height: 400px;
    
    -webkit-filter: drop-shadow( 5px 5px 5px #000 );
    filter: drop-shadow( 5px 5px 5px #000 );
}