diff options
author | Thomas Park <thomas@thomaspark.me> | 2013-11-12 15:34:23 -0500 |
---|---|---|
committer | Thomas Park <thomas@thomaspark.me> | 2013-11-12 15:34:23 -0500 |
commit | 016d9a2ae924c3999ff9aa279511e32c0bfbe7bb (patch) | |
tree | c04189b0eed7025a6764360cbe3613c900353fe6 /bower_components/font-awesome/src/_includes/examples/spinning.html | |
parent | 61dab0661ba43d3192fa8c2945f7343df44049ed (diff) |
update to fontawesome 4
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> |