From d4f62a69dde9926bcf67f05952ed135d2d0432a3 Mon Sep 17 00:00:00 2001
From: Yuwei Ba <i@xiaoba.me>
Date: Mon, 8 Jun 2015 13:51:23 +0800
Subject: [PATCH] Add rotate animation back when mouseout.

---
 static/style.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/static/style.css b/static/style.css
index 4e43eb42ec..40a237118e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1510,6 +1510,30 @@ footer ul li > a {
   }
 }
 
+@-webkit-keyframes rotateCircleBack {
+  0% {
+    -webkit-transform-origin: 50% 50%;
+    -webkit-transform: rotate(360deg);
+  }
+
+  100% {
+    -webkit-transform-origin: 50% 50%;
+    -webkit-transform: rotate(0deg);
+  }
+}
+
+@keyframes rotateCircleBack {
+  0% {
+    transform-origin: 50% 50%;
+    transform: rotate(360deg);
+  }
+
+  100% {
+    transform-origin: 50% 50%;
+    transform: rotate(0deg);
+  }
+}
+
 @keyframes loadTween {
   0% {
     transform: rotateY(0deg);
@@ -1744,6 +1768,8 @@ a.entry-link:hover {
 a.entry-link .icon-lego {
   margin-right: 3px;
   display: inline-block;
+  -webkit-animation: rotateCircleBack 0.5s 1 ease-in-out;
+  animation: rotateCircleBack 0.5s 1 ease-in-out;
 }
 
 a.entry-link:hover .icon-lego {