JSFiddle - React, Tailwind, and code Playground

HTML

<p>Deinde cibo abunde perlato castra die sunt mota. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <a href="#">Texte du lien</a> quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.</p>

CSS

p a {
	text-decoration: none;
	border-bottom: 0;
	background: linear-gradient(90deg, rgb(255, 0, 0) 50%, rgb(0, 0, 0) 50%);
	background-size: 200% 12%;
	background-position: bottom right;
	background-repeat: no-repeat;
  
  transition-duration: 1s;
  transition-property: background-position;
}

p a:hover {
  background-position: bottom left;
}