JSFiddle - React, Tailwind, and code Playground

HTML

<div class='aerakman-yazi'><a href="#">Arda Erakman</a></div>

CSS

body{
    background:#CCC;
}
.aerakman-yazi{
    position:absolute;
    top:50px;
    left:200px;
    font-family:Segoe UI;
    font-size:25px;
}
.aerakman-yazi a{
    opacity:0.4;
    color:#fff;
    text-decoration:none;
}
.aerakman-yazi a:hover{
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
    opacity:1;
}