inicio mail me! sindicaci;ón

Use CSS to change link content on hover

Using just a data-attribute and a simple stylesheet rule it is possible to change the content of a link when hovering over it.
Use an HTML / SASS combination like the following:

<a href="target" data-hovertext="Hover Text">
  Normal Text
</a>
a[data-hovertext]:hover
  font-size: 0
  &:before
    font-size: initial
    content: attr(data-hovertext)

See this in action.

Schreibe einen Kommentar