ویژه متحرک سازی شمارشگرها

[nima]

مدل ۱- تکان شدید
به ویژگی های استایل >متفرقه> highlited badges برید و در قسمت css کد زیر رو قرار بدید.

animation: shake 0.5s infinite;

البته قبلش در الگویextra.lessکد پایین رو قرار بدید.
[HIDESHOWTOGROUPS=12,14,4,13,3,10,6,5,7]

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

[/HIDESHOWTOGROUPS]

 

[nima]

مدل ۲-نیم چرخش
طبق پست بالا پیش برید.

animation: wiggle 2s  infinite;

و کد extra.less:
[HIDESHOWTOGROUPS=12,14,4,13,3,10,11,6,5,7]

@keyframes wiggle {

    0% { transform: rotate(0deg); }

   25% { transform: rotate(25deg); }

   35% { transform: rotate(-25deg); }

   50% { transform: rotate(0deg); }

   65% { transform: rotate(25deg); }

   75% { transform: rotate(-25deg); }

  100% { transform: rotate(0deg); }

}

[/HIDESHOWTOGROUPS]