CSS：Spinning Text中的旋转字母？

Question

我有一个Codepen，在页面底部有一个旋转句子，“由Coindesk提供支持”。

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

我在字母周围放置了跨度，以便我可以单独设置它们。

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

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

我可以将模糊类添加到范围，但添加微调器不会改变任何内容。我是否达到了CSS的极限，还是我可以尝试一些不会紧张的东西？谢谢。

Answer 1

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

将范围的显示属性更改为inline-block，它将起作用。

span.spinner {
  display: inline-block;
}