JSFiddle - React, Tailwind, and code Playground

by WK_of_Angmar

HTML

<a id="link1">link1</a>
<br>
<a id="link2">link2</a>

CSS

body {background-color: black;}
a {color: white; font-size: 30px;}

#link1:hover {opacity: 0.5;}
#link1:after {content: "test1"; opacity: 1;}

#link2:hover {opacity: 0.5;}
#link2:after {content: "test2"; opacity: 0.5;}