JSFiddle - React, Tailwind, and code Playground

by Felipe Franco

HTML

<div class="shape">
    <div class="top"></div>
    <!--<div class="bottom"></div>-->
</div>

CSS

.shape {
    width:400px;
    margin:0 auto;
    background-color: green;
}
.top {
    height:0;
    border-width:0 0 250px 400px;
    border-style:solid;
    border-color:transparent #FFD700 #FFD700 transparent;
}
.bottom {
    height: 50px;
    background-color:#FFD700;
}

/* Support transparent border colors in IE6. */
* html .top {
    filter:chroma(color=#123456);
    border-top-color:#123456;
    border-left-color:#123456;
}