An easy way to change Text in :hover and :active, only with CSS.
Using data attribute and :before, :after pseudo-element.
I had no idea the support for this would be so great. Thanks for this pen! :)
You will find an answer here : https://developer.mozilla.org/en-US/docs/Web/CSS/attr
I try it on IE9-10-11, Chrome, Firefox, Safari and Opera, and it works in every one, with latest version.
Need to know how to enable it? Go here.