HTML5 Data Attribute with CSS

by Lien Z

HTML

<h1 data-hover-response="I Said Don't Touch Me!"> Don't Touch Me  </h1>

CSS

h1 { position: relative; }  
h1:hover { color: transparent; }  
  
h1:hover:after {  
    content: attr(data-hover-response);  
    color: black;  
    position: absolute;  
    left: 0;  
  
}