JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://stackoverflow.com/questions/16286203/background-image-trapeze-css3">background-image : trapeze CSS3</a>

<div class="cote-droit">
   <div class="inner">
       <div class="cote-droit-top">&nbsp;</div>
       <div class="cote-droit-bot"></div>
   </div>
 </div>

CSS

.cote-droit .inner
    {
        position: relative;
        height: 293.04px;
        width: 64.076px;
        
    }
.cote-droit-top
    {
        width: 64.076px;
        height: 113px;
        background-color: #EBAA4C;
    }

.cote-droit-bot
    {
        width: 64.076px;
        height: 180px;
        background: url(http://i.stack.imgur.com/uiluV.jpg) -229.567px -40px no-repeat;                
    }