JSFiddle - React, Tailwind, and code Playground

by Mochamad Syarief Maulana

HTML

<h2> Tautan dengan title tag</h2>
<a href='//www.msm.web.id' title='MSM WEB Indonesia'>MSM WEB Indonesia</a>
<h2> Tautan tanpa title tag</h2>
<a href='//www.msm.web.id' >MSM WEB Indonesia</a>

CSS

a:link:before, a:visited:before {
    content:"Tautan "attr(title)" Menuju "attr(href)"";
    background:#2c3e50;
    position:absolute;
    z-index:2;
    padding:.5em 1em;
    border-radius:7.5px;
    margin:2em 0 0 0;
    color:#FFF;
    opacity:0;
    visibility:hidden;
    transition:.3s ease-in-out;
}
a:link:hover:before, a:visited:hover:before {
    opacity:.95;
    visibility:visible;
}