CodePen Embed - Hide text node in element

This is <span>Original</span>

span {
  -webkit-text-fill-color: transparent;
}
span::before {
  content: "New";
  -webkit-text-fill-color: black;
}
/* hover */
span:hover {
  -webkit-text-fill-color: transparent;
}
span:hover::before {
  -webkit-text-fill-color: black;
}

This Pen is owned by Denis Baskovsky on CodePen.

See more by @qertis on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.