JSFiddle - React, Tailwind, and code Playground

by Ian Roberts

HTML

<div class="dropdown">
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
        <li>four</li>
    </ul>
</div>

CSS

body {background:#333;}
.dropdown{
    position:relative;
}
.dropdown:before {
    content:"";
    position:absolute;
    width:0px;
    height:0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(255,255,255,.5);
}

JavaScript

//css before triangle w/ css