.

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.
  *

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 {
+#emotions span:hover {
-    cursor: pointer;
+    transform: scale(1.2) rotate(360deg);
+    -webkit-transform: scale(1.2) rotate(360deg);
+    -moz-transform: scale(1.2) rotate(360deg);
 }
 
 .em01 {

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 {
+#emotions span:hover {
-    cursor: pointer;
+    transform: scale(1.2) rotate(360deg);
+    -webkit-transform: scale(1.2) rotate(360deg);
+    -moz-transform: scale(1.2) rotate(360deg);
 }
 
 .em01 {