<p class="text">
Hello world !
</p>
body {
background: #666;
padding: 0;
}
.text {
text-align: center;
font-size: 72px;
color: white;
text-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe;
transition: all 0.12s ease-out;
}
.text:hover {
position: relative;
top: -3px;
left: -3px;
text-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe, 4px 4px #02a2fe, 5px 5px #02a2fe, 6px 6px #02a2fe;
}