tiles animate on :hover

public/css/style.less

@@ -739,23 +739,23 @@ body .navbar .nodebb-inline-block {
     100%  {top: -180px;}
 }
 
-.category-slider-2 {
+.category-slider-2:hover {
   position:relative;
 
-  -webkit-animation: scroll-2 15s ease 2s infinite normal;    
+  -webkit-animation: scroll-2 10s ease 1s infinite normal;    
-  animation: scroll-2 15s ease 2s infinite normal;/* Safari and Chrome: */
+  animation: scroll-2 10s ease 1s infinite normal;/* Safari and Chrome: */
 }
 
-.category-slider-1 {
+.category-slider-1:hover {
   position:relative;
 
-  -webkit-animation: scroll-1 12s ease 2s infinite normal;    
+  -webkit-animation: scroll-1 8s ease 1s infinite normal;    
-  animation: scroll-1 12s ease 2s infinite normal;/* Safari and Chrome: */
+  animation: scroll-1 8s ease 1s infinite normal;/* Safari and Chrome: */
 }
 
-.category-slider-0 {
+.category-slider-0:hover {
   position:relative;
 
-  -webkit-animation: scroll-0 9s ease 2s infinite normal;    
+  -webkit-animation: scroll-0 6s ease 1s infinite normal;    
-  animation: scroll-0 9s ease 2s infinite normal;/* Safari and Chrome: */
+  animation: scroll-0 6s ease 1s infinite normal;/* Safari and Chrome: */
 }