JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<div> 
    <img id="shadow" src="http://192.168.39.150/hac.png">
    <img id="example1" src="http://192.168.39.150/hac.png">
</div>

CSS

#example1 {
    
    position: absolute;
    top:52px ;
    left: 90px;
    /* -webkit-transform: rotate(-15deg); WebKit
    -moz-transform: rotate(-15deg); Mozilla
    -o-transform: rotate(-15deg); Opera
    -ms-transform: rotate(-15deg); Internet Explorer
    transform: rotate(-15deg); CSS3 */
    
    /* transform: skewX(10deg) skewY(-45deg); W3C
    -webkit-transform: skewX(10deg) skewY(-45deg); Safari & Chrome
    -moz-transform: skewX(10deg) skewY(-45deg); Firefox
    -ms-transform: skewX(10deg) skewY(-45deg); Internet Explorer
    -o-transform: skewX(10deg) skewY(-45deg); Opera */
   // box-shadow: -58px 0px 5px #888;
   // border-radius: 4px;
  z-index: 1;
   
}

#shadow{

    box-shadow: 3px 3px 3px ;

}