JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<h1>Here is your title</h1>

CSS

h1 {
    position:relative;
    display:inline-block;
    font-family:'Open Sans';
    font-weight: 300;
    color:gray;
    transition:all .8s;
}
h1:hover {
    cursor:pointer;
    color:darkgray;
}

h1::after {
    font-family:"FontAwesome";
    content: '\f105';
    color:red;
    opacity:0;
    display:block;
    transition:all .4s;
    position:absolute;
    top:7px;
    right:-25px;
}

h1:hover::after {
    opacity:1;
    right:-30px;
    color:blue;
}