CSS Change Text On Hover
CSS is known for styling, but it can be used to emulate a complex programming language. For example, the pseudo-selector hover can be manipulated to replace text. This works with CSS 2.1 and up and all browsers that support the hover function.
The entire text is present on the screen. The text is broken up into parts to be hidden until required and parts that are shown by default. When a user hovers over the text, the hidden part is shown and the default text is hidden.





