JSFiddle - React, Tailwind, and code Playground

by learningforever

HTML

<li class="cat-item"><a href="http://www.abc.com">Home</a>
</li>

CSS

/* switching menu text with css */
.cat-item a {
 font-size: 15px;   
}

.cat-item:hover a {
font-size: 0px!important;
}
.cat-item:hover a:before {
 content: '홈';
    font-size: 15px;
}