JSFiddle - React, Tailwind, and code Playground

by johntrepreneur

HTML

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-triangle">
  <polygon points="0,0 100,0 50,100"/>
</svg>
<br>

<div id="div1"></div>

CSS

/*.svg-triangle polygon {
  fill:#98d02e;
  stroke:#65b81d;
  stroke-width:2;
}*/
#div1 {
    height: 0px;
    width: 0px;
    border-width: 100px 60px 0 60px;
    border-style: solid;
    border-color: blue white white white;
}