summaryrefslogtreecommitdiff
path: root/bower_components/font-awesome/src/_includes/examples/spinning.html
diff options
context:
space:
mode:
Diffstat (limited to 'bower_components/font-awesome/src/_includes/examples/spinning.html')
-rw-r--r--bower_components/font-awesome/src/_includes/examples/spinning.html26
1 files changed, 26 insertions, 0 deletions
diff --git a/bower_components/font-awesome/src/_includes/examples/spinning.html b/bower_components/font-awesome/src/_includes/examples/spinning.html
new file mode 100644
index 00000000..4bdb3d0e
--- /dev/null
+++ b/bower_components/font-awesome/src/_includes/examples/spinning.html
@@ -0,0 +1,26 @@
+<section id="spinning">
+ <h2 class="page-header">Spinning Icons</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-4">
+ <p>
+ <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-spin"></i></button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-refresh fa-spin"></i></button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-cog fa-spin"></i></button>
+ </p>
+ </div>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ Use the <code>fa-spin</code> class to get any icon to rotate. Works well with <code>fa-spinner</code>,
+ <code>fa-refresh</code>, and <code>fa-cog</code>.
+ </p>
+{% highlight html %}
+<i class="fa fa-spinner fa-spin"></i>
+<i class="fa fa-refresh fa-spin"></i>
+<i class="fa fa-cog fa-spin"></i>
+{% endhighlight %}
+ <p class="alert alert-success">
+ <i class="fa fa-info-circle"></i> CSS3 animations aren't supported in IE8 - IE9.
+ </p>
+ </div>
+ </div>
+</section>