CSS Text Shadow Effect (cool)

 .hover-1 {
  line-height:1.8em;
  color: #0000;
  text-shadow: 
    0 0 #000, 
    0 1em #1095c1;
  overflow: hidden;
  transition: .3s;
}
.hover-1:hover {
  text-shadow: 
    0 1em #1095c1, 
    0 0 #1095c1;
}
Lovely Lynx