Vibration code for a whole section of the forum

[MetaVerified member]

Vibration code for a whole section of the forum

1- Preview after editing

2- add the below code to extra.less template

.block.block--category.block--category1:hover {
    animation:shakeGavel 1.20s;
}
@keyframes shakeGavel{0{
-webkit-transform:translate(0, 0) rotate(0);
-ms-transform:translate(0, 0) rotate(0);
-webkit-transform: translate(0, 0) rotate(0);
 -ms-transform: translate(0, 0) rotate(0);
 -webkit-transform: translate(0, 0) rotate(0);
  -ms-transform: translate(0, 0) rotate(0);
  transform:translate(0, 0) rotate(0)}20%{
  -webkit-transform:translate(-3px, 0) rotate(-25deg);
  -ms-transform:translate(-3px, 0) rotate(-25deg);
  -webkit-transform: translate(-3px, 0) rotate(-25deg);
   -ms-transform: translate(-3px, 0) rotate(-25deg);
   -webkit-transform: translate(-3px, 0) rotate(-25deg);
    -ms-transform: translate(-3px, 0) rotate(-25deg);
    transform:translate(-3px, 0) rotate(-25deg)}30%{
    -webkit-transform:translate(3px, 0) rotate(25deg);
    -ms-transform:translate(3px, 0) rotate(25deg);
    -webkit-transform: translate(3px, 0) rotate(25deg);
     -ms-transform: translate(3px, 0) rotate(25deg);
     -webkit-transform: translate(3px, 0) rotate(25deg);
      -ms-transform: translate(3px, 0) rotate(25deg);
      transform:translate(3px, 0) rotate(25deg)}50%{
      -webkit-transform:translate(-3px, 0) rotate(-15deg);
      -ms-transform:translate(-3px, 0) rotate(-15deg);
      -webkit-transform: translate(-3px, 0) rotate(-15deg);
       -ms-transform: translate(-3px, 0) rotate(-15deg);
       -webkit-transform: translate(-3px, 0) rotate(-15deg);
        -ms-transform: translate(-3px, 0) rotate(-15deg);
        transform:translate(-3px, 0) rotate(-15deg)}60%{
        -webkit-transform:translate(3px, 0) rotate(15deg);
        -ms-transform:translate(3px, 0) rotate(15deg);
        -webkit-transform: translate(3px, 0) rotate(15deg);
         -ms-transform: translate(3px, 0) rotate(15deg);
         -webkit-transform: translate(3px, 0) rotate(15deg);
          -ms-transform: translate(3px, 0) rotate(15deg);
          transform:translate(3px, 0) rotate(15deg)}100%{
          -webkit-transform:translate(0, 0) rotate(0);
          -ms-transform:translate(0, 0) rotate(0);
          -webkit-transform: translate(0, 0) rotate(0);
           -ms-transform: translate(0, 0) rotate(0);
           -webkit-transform: translate(0, 0) rotate(0);
            -ms-transform: translate(0, 0) rotate(0);
            transform:translate(0, 0) rotate(0)}
}
/***********************************************************************************************************/

3- Change XXX for the saction number

Look Welcome forum over mouse

 

M

OzzModz - Google Search

M

[XB] Covers