Try it Editor: Animation of letter-spacing

Edit This Code :

<!DOCTYPE html>
<html>
<head>
<style> 
#myDIV {
    letter-spacing: 2px;
    -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 5s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    50% {letter-spacing: 50px;}
}

@keyframes mymove {
    50% {letter-spacing: 50px;}
}
</style>
</head>
<body>

<h1>Animation of letter-spacing</h1>

<p>Gradually change the letter-spacing property of the DIV element from 2px up to 50px, and back to 2px:<p>

<div id="myDIV">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor 
</div>

<p><b>Note:</b> CSS Animations do not work in Internet Explorer 9 and earlier versions.</p>

</body>
</html>
Result :