JSFiddle - React, Tailwind, and code Playground

HTML

<span><a href="#">Hello this looks blured during transition</a></span>

CSS

span a{
    font-size: 24px;
}
span:hover a{
      
        color:#ba4a49 ;
 
    

	-webkit-transform: scale(10);

	transition: all 2s linear;
}