使用第三方关键帧定义

Question

Font Awesome包含类fa-spin元素的旋转动画。对CSS的检查表明，旋转元素是使用一个名为fa-spin的关键帧定义实现的。

我想在悬停选择器中使用现有的动画，而不是定义新的动画。

i.fa-gear:hover {
  -webkit-animation: fa-spin 2s infinite linear;
}

但它根本不起作用。

以下是JSBin中的示例。

起初我认为这是因为JSBin在定义Font Awesome规则之前导入了CSS部分，但事实并非如此。