<div>transparent for text-shadow</div>
div{
  width:360px;
  line-height:38px;
  margin:50px auto;
  font-size:24px;
  color:#333;
  transition: .5s;
  cursor:pointer;
}

div:hover{
  color: transparent;
  text-shadow: 
    0 0 1px white, 
    0 0 3px white;
}

body{
  background:#999;
}
Rerun