CSS:旋转文本中的旋转字母？

Question

我有一个 Codepen，悬停时有一个旋转的句子，“Powered by Coindesk”在页面底部。

http://codepen.io/Teeke/pen/xOqmpd

我在字母周围放置了 span，这样我就可以单独设置它们的样式。

我想向字母 P 添加另一个微调器类，以在旋转文本中获得旋转字母。

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

我可以将模糊类添加到跨度中，但添加微调器不会改变任何东西。我是否达到了 CSS 的极限，或者有什么我可以尝试但不会紧张的东西吗？谢谢。

Answer 1

span 是内联元素，转换不适用于它们。

将 span 的显示属性更改为 inline-block 即可。

span.spinner {
  display: inline-block;
}