From 0864408722e314e04d078a8485e3288ea562b9e0 Mon Sep 17 00:00:00 2001 From: KSCooke Date: Fri, 20 Jun 2014 12:23:52 -0400 Subject: [PATCH] fa-spin-reverse I attempted to use fa-history and then add fa-spin to it. Seemed as if the icon would work but the spin was going in the wrong direction. So I just applied reverse to the fa-spin class animations and it seems to work correctly. The code is not without its problems as it does not seem to work in IE. Here is the code again separately from the file. .fa-spin-reverse { -webkit-animation: spin 2s infinite linear reverse; -moz-animation: spin 2s infinite linear reverse; -o-animation: spin 2s infinite linear reverse; animation: spin 2s infinite linear reverse; } --- css/font-awesome.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/css/font-awesome.css b/css/font-awesome.css index eb4127b73..8969fe8cf 100644 --- a/css/font-awesome.css +++ b/css/font-awesome.css @@ -83,6 +83,12 @@ -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } +.fa-spin-reverse { + -webkit-animation: spin 2s infinite linear reverse; + -moz-animation: spin 2s infinite linear reverse; + -o-animation: spin 2s infinite linear reverse; + animation: spin 2s infinite linear reverse; +} @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg);