JSFiddle - React, Tailwind, and code Playground

by doub1ejack

HTML

<div id="blue-bg">
    <div id="btn-container">
        <h2>Click Here</h2>
    </div>
</div>

CSS

#blue-bg { 
    background-color:#35f; 
    width:500px; 
    height:500px; }
#btn-container { 
    width:310px;   /* width/height are larger than bg image, but bg image is transparent.. */
    height:310px;
    box-shadow: 50px 50px 5px white; 
    border-radius: 30px; 
    background-image: url(http://www.clker.com/cliparts/4/g/C/q/3/R/blank-black-button-md.png);
    background-repeat: no-repeat;
    text-align:center;
}  
#btn-container h2 { font-size: 40px; color: white; padding-top:100px; }