JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<div></div> Glossary of css3

CSS

div{
margin:50px;
    position:relative;
    width:10px;
    height:4px;
    background:red;
    box-shadow:8px 10px 0px green;
}
div:before{
    content:"";
    position:absolute;
    top:6px;
    right:-14px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid green;
}

div:after{
    content:"";
    position:absolute;
    top:-4px;
    right:-4px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid red;
}