Konsep CSS Pseudo Element on Hover

by Taufik Nurrohman

HTML

<h2>Cinta</h2>

CSS

h2 {
 font:bold 50px Times,Serif;  
 color:black;
 text-align:center;
}

h2:before {content:"Aku ";display:none;   }
h2:after  {content:" Padamu";display:none;}

h2:hover:before,
h2:hover:after {
 display:block;   
}