JSFiddle - React, Tailwind, and code Playground

by Aqeel Malik

HTML

<h1>CSS IS AWESOME</h1>

CSS

h1 {
	color: #666;
    position: relative;
    display: inline-block;
    outline:2px solid;
}

h1:after {
	position: absolute;
    left: 50%;
	content: '';
	height: 40px;
	height: 5px;
    background: #f00;
    transition: all 0.5s linear;
    width: 0;
    bottom: 0;  
}

h1:hover:after {
	width: 270px;
    margin-left: -135px;
}