diff options
Diffstat (limited to 'bower_components/font-awesome/src/_includes/examples/spinning.html')
-rw-r--r-- | bower_components/font-awesome/src/_includes/examples/spinning.html | 26 |
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> |