JSFiddle - React, Tailwind, and code Playground

by nagendra_rao

HTML

<a align="center" href="#"><span>kannada</span></a>

CSS

span {
    font-size:12px;
}
a {
    color:green;
}
a:hover span {
    display:none;
}
a:hover:before {
    color:red;
    font-size:24px;
    content:"ಕನ್ನಡ";
}