Text Shadow Dancing
Try changing the repeat value to 1, 5 or 7 and see the effect.
The characters are staggered so that each starts half a second after the prior one, so every other character is synchronized.
A sine wave ease is used to for smooth movement.
Try changing the ease to circle and see the effect.
The second story initialized the default empty shadow with a purple shadow which has a one percent blur but no x and y offset. This appears as a thin purple outline around the text. The shadow is then animated to a larger green shadow.
Animate Multiple Shadows
The third story shows how to animate multiple shadows. The textShadow property supports as many shadows as you want.