CSS: Spinning letter within Spinning Text? -

i have codepen spinning sentence on hover, "powered coindesk" @ base of page.

http://codepen.io/teeke/pen/xoqmpd

i put spans around letters can style them individually.

i want add spinner class letter p, spinning letter within spinning text.

.spinner:hover {     animation-play-state: running;     animation-duration: 5s;     animation-iteration-count:10;     animation-delay: 0s;     cursor:crosshair; } 

i can add blur class span, adding spinner not change anything. have hit limits of css or there can try won't jittery? thanks.

a span inline element, , transforms don't apply them.

change span's display attribute inline-block , work.

span.spinner {   display: inline-block; }