diff --git a/bruce/css/bruce.css b/bruce/css/bruce.css
index a8a983e..8a400a4 100644
--- a/bruce/css/bruce.css
+++ b/bruce/css/bruce.css
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+@charset "utf-8";
 /*
  * Skin Bruce style.
  *
diff --git a/finding/css/finding.css b/finding/css/finding.css
index 06ca2de..a901432 100644
--- a/finding/css/finding.css
+++ b/finding/css/finding.css
@@ -18,7 +18,8 @@
  * skin finding style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 1.0.1.0, Nov 2, 2015
+ * @author <a href="http://88250.b3log.org">Liang Ding</a>
+ * @version 1.0.1.1, Nov 7, 2015
 */
 /* start reset */
 html {
@@ -456,15 +457,21 @@ pre code, pre tt {
 /* start emotions */
 .em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, 
 .em10, .em11, .em12, .em13, .em14 {
+    cursor: pointer;
     background-image: url("../images/emotions/emotions-ease.png");
     float: left;
     height: 24px;
     margin-right: 5px;
     width: 24px;
+    transition: all .2s ease-out;
+    -webkit-transition: all .2s ease-out;
+    -moz-transition: all .2s ease-out;
 }
 
-#emotions span {
-    cursor: pointer;
+#emotions span:hover {
+    transform: scale(1.2) rotate(360deg);
+    -webkit-transform: scale(1.2) rotate(360deg);
+    -moz-transform: scale(1.2) rotate(360deg);
 }
 
 .em01 {
diff --git a/yilia/css/yilia.css b/yilia/css/yilia.css
index 7d2e202..85cecb9 100644
--- a/yilia/css/yilia.css
+++ b/yilia/css/yilia.css
@@ -18,7 +18,8 @@
  * skin yilia style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 1.2.0.0, Nov 3, 2015
+ * @author <a href="http://88250.b3log.org">Liang Ding</a>
+ * @version 1.2.0.1, Nov 7, 2015
 */
 /* start reset */
 html {
@@ -351,15 +352,21 @@ pre code, pre tt {
 /* start emotions */
 .em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, 
 .em10, .em11, .em12, .em13, .em14 {
+    cursor: pointer;
     background-image: url("../images/emotions/emotions-ease.png");
     float: left;
     height: 24px;
     margin-right: 5px;
     width: 24px;
+    transition: all .2s ease-out;
+    -webkit-transition: all .2s ease-out;
+    -moz-transition: all .2s ease-out;
 }
 
-#emotions span {
-    cursor: pointer;
+#emotions span:hover {
+    transform: scale(1.2) rotate(360deg);
+    -webkit-transform: scale(1.2) rotate(360deg);
+    -moz-transform: scale(1.2) rotate(360deg);
 }
 
 .em01 {
diff --git a/yilia/preview.png b/yilia/preview.png
index c686a31..d33e6b1 100644
Binary files a/yilia/preview.png and b/yilia/preview.png differ