JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>

CSS

body {background-color:#333;}

div {
    line-height: 50px;
    background: #336600;
    position: relative;
    margin-bottom:5px;
    color:#8C8C00;
    text-indent:20px;
}

div:before {
    content: '';
    position: absolute;
    bottom: 0; right: 0;
    border-bottom: 10px solid #333;
    border-left: 10px solid #336600;
    width: 0;
}

JavaScript

/* Chopped Div Corners */