CODEWITHSUNDEEP
csslessfont-awesome
user2312234
user2312234

Reputation: 265

Font Awesome extras.less variables

In the Font Awesome version 2.3.2 less folder I find the file extras.less.

What does the below mean?

    @-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); }
}

Upvotes: 0

Views: 138

Answers (1)

Dave Everitt
Dave Everitt

Reputation: 17876

Font Awesome uses CSS3 to spin FA icons - see the examples. Just add fa-spin to the class on your FA's i tag.

Upvotes: 1

Related Questions