JSFiddle - React, Tailwind, and code Playground

by Elena Shevchuk

HTML

<div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus distinctio mollitia placeat minus facilis voluptate beatae ea dolore dolorem similique maxime enim quae laudantium nemo rem recusandae nesciunt. Dolore beatae?
</div>

CSS

body {
    background-color: gray;
    
    
   
}
div {
    padding: 20px;
    vertical-align: middle;
    height: 300px;
    background: blue;
    background: linear-gradient(yellow, blue 80%, white);
    
    
    -webkit-mask: url(http://zverushka.zz.mu/mask.png) center bottom no-repeat;
    
}