git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/_includes/examples/spinning.html

   1 <section id="spinning">
   2   <h2 class="page-header">Spinning Icons</h2>
   3   <div class="row">
   4     <div class="col-md-3 col-sm-4">
   5       <p>
   6         <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-spin"></i></button>
   7         <button class="btn btn-default btn-lg"><i class="fa fa-refresh fa-spin"></i></button>
   8         <button class="btn btn-default btn-lg"><i class="fa fa-cog fa-spin"></i></button>
   9       </p>
  10     </div>
  11     <div class="col-md-9 col-sm-8">
  12       <p>
  13         Use the <code>fa-spin</code> class to get any icon to rotate. Works well with <code>fa-spinner</code>,
  14         <code>fa-refresh</code>, and <code>fa-cog</code>.
  15       </p>
  16 {% highlight html %}
  17 <i class="fa fa-spinner fa-spin"></i>
  18 <i class="fa fa-refresh fa-spin"></i>
  19 <i class="fa fa-cog fa-spin"></i>
  20 {% endhighlight %}
  21       <p class="alert alert-success">
  22         <i class="fa fa-info-circle"></i> CSS3 animations aren't supported in IE8 - IE9.
  23       </p>
  24     </div>
  25   </div>
  26 </section>