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變量

回答

相關問題