JSFiddle - React, Tailwind, and code Playground

by Ananth Arumugasamy

HTML

<div id="div1"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</div>

<div id="div2"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</div>

<div id="div3"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</div>

CSS

#div1{
    border-radius:20px 10px;
    border: 10px dotted black;
    padding:35px;
    background: yellow;
     background-clip:content-box;
    
}

#div2{
    border-radius:20px 10px;
    border: 10px dotted black;
    padding:35px;
    background:url(http://p.imgci.com/db/PICTURES/CMS/128400/128483.1.jpg);
background-repeat:no-repeat;    
     background-origin:content-box;
}


#div3{
    background:radial-gradient(red,blue,green,blue);
}