text expand on hover

<style>
@font-face {
font-family: porkys;
src: url(https://dl.dropbox.com/s/w27c0suxh1i3q8s/PORKYS_.TTF);
}

#textlol {
font-family: porkys;
font-size: 40px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0, 1px 0 #000;
color: white;
text-decoration: none;
transition: 0.4s;
}

#textlol:hover {
letter-spacing: 5px;
}
</style>

<div id="textlol">text lol</div>