Font Awesome extras.less变量

在Font Awesome version 2.3.2 less文件夹中找到extras.less文件。Font Awesome extras.less变量

下面是什么意思？

@-moz-keyframes spin { 
    0% { -moz-transform: rotate(0deg); } 
    100% { -moz-transform: rotate(359deg); } 
} 
@-webkit-keyframes spin { 
    0% { -webkit-transform: rotate(0deg); } 
    100% { -webkit-transform: rotate(359deg); } 
} 
@-o-keyframes spin { 
    0% { -o-transform: rotate(0deg); } 
    100% { -o-transform: rotate(359deg); } 
} 
@-ms-keyframes spin { 
    0% { -ms-transform: rotate(0deg); } 
    100% { -ms-transform: rotate(359deg); } 
} 
@keyframes spin { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(359deg); } 
}

来源

2013-12-08 user2312234

字体真棒使用CSS3旋转FA图标 - see the examples。只需在您的FA的i标记上添加fa-spin即可。

来源

2014-06-18 15:22:13

嗨，谢谢。我看到，在该文件中，定义了旧版本中的类旋转或图标旋转，以便您可以旋转图标。然而，我不明白的是关于CSS的规则究竟在做什么，这些规则是独立存在的，并且据我所知可能与fa-spin或图标旋转无关。 – user2312234

“旋转”动画名称应用于“fa-spin”，然后“@ keyframes”声明向动画添加属性。 [这是一个很好的解释]（http://css-tricks.com/snippets/css/keyframe-animation-syntax/）。 –

Font Awesome extras.less变量

回答

相关问题