JSFiddle - React, Tailwind, and code Playground

by lottikarotti

HTML

<div id="wrapper">
    <div id="rotateit"></div>
    <div id="content">TEXT</div>
</div>

CSS

#wrapper {
    position: absolute ;
    top: 10px ;
    left: 10px ;
    width: 400px ;
    height: 100px ;
    overflow: hidden ;
    border: 2px solid #EAEAEA ;
}

#rotateit {
    position: absolute ;
    left: -10px ;
    top: -20px ;
    width: 450px ;
    height: 150px ;   
    background-image: url( 'http://tinyurl.com/c9vtlz2' ) ;
    
    -webkit-transform: rotate(5deg) ;
    -moz-transform:rotate(5deg) ;
    -ms-transform:rotate(5deg) ;
    -o-transform:rotate(5deg) ;
    transform:rotate(5deg) ;
}

#content {
    position: absolute ;
    top: 20px ;
    left: 20px ;
}