on hover text css code example

Example 1: html mouse over text

//When you hover over the word "hello" the text "goodbye" will appear
in a small box
<a href="./####" title = "goodbye" >hello</a>

Example 2: css change text on hover

Check this:
https://codepen.io/DevLorenzo/pen/vYXbJvd

Example 3: css change text on hover

button {width:6em}
button:hover span {display:none}
button:hover:before {content:"Reply!"}