JSFiddle - React, Tailwind, and code Playground

by Vu Nhubao

HTML

<a href="http://vndemy.com">Vndemy</a>

CSS

body {
    padding:30px;
}

a:before {
    display: inline-block;
    width: 0;
    height: 0;
    content: " ";
    border-top: 35px solid transparent;
    border-left: 35px solid transparent;
    border-right: 35px solid #366DB0;
    border-bottom: 35px solid #366DB0;
    position: relative;
    left: -10px;
    bottom: 0;
}

a:after {
    display: inline-block;
    width: 0;
    height: 0;
    content: " ";
    border-top: 35px solid transparent;
    border-left: 35px solid #366DB0;
    border-right: 35px solid transparent;
    border-bottom: 35px solid #366DB0;
    position: relative;
    bottom: 0;
}