JSFiddle - React, Tailwind, and code Playground

by Bouteille Dimitri

HTML

<a href="" data-text="un nouveau text"><span>Un super text</span></a>

SCSS

// Version Scss
a{
  &:hover {
    span {
      display: none;
    }
    &:after {
      content: attr(data-text);
    }
  }
}

// Version css
a:hover span {
  display: none;
}
a:hover:after {
  content: attr(data-text);
}