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{
    color:#fff;
    text-decoration:none;
}
.aerakman-yazi a:hover{
    -webkit-transition: color 2s;
    -moz-transition: color 2s;
    -o-transition: color 2s;
    transition: color 2s;
    color:black;
}