Шрифт Awesome extras.less variables

В папке Font Awesome версии 2.3.2 меньше папки Я нахожу файл extras.less.Шрифт Awesome extras.less variables

Что означает нижеследующее?

@-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-spin к классу на ваш тег FAX i.

источник

2014-06-18 15:22:13

Привет, спасибо. Я вижу, что в этом файле определен параметр fa-spin, или значок-спина в старой версии, так что вы можете заставить значок вращаться. Однако то, что я не понимаю, это то, что делают правила с CSS именно так, эти правила находятся на собственном уровне, и насколько я могу видеть, не связан с fa-spin или spin-spin. – user2312234

Анимационное имя 'spin' применяется к' fa-spin', тогда объявление '@ keyframes' добавляет свойства анимации. [Вот хорошее объяснение] (http://css-tricks.com/snippets/css/keyframe-animation-syntax/). –

Шрифт Awesome extras.less variables

ответ

Смежные вопросы