铃铛（警铃）抖动

.icon-animated-bell {

  -moz-animation: ringing 3.0s infinite ease 1.0s;

  -webkit-animation: ringing 3.0s infinite ease 1.0s;

  -o-animation: ringing 3.0s infinite ease 1.0s;

  -ms-animation: ringing 3.0s infinite ease 1.0s;

  animation: ringing 3.0s infinite ease 1.0s;

  -moz-transform-origin: 50% 0%;

  -webkit-transform-origin: 50% 0%;

  -o-transform-origin: 50% 0%;

  -ms-transform-origin: 50% 0%;

  transform-origin: 50% 0%;

}

 

@keyframes ringing {

  0% {

    transform: rotate(-15deg);

  }

  2% {

    transform: rotate(15deg);

  }

  4% {

    transform: rotate(-18deg);

  }

  6% {

    transform: rotate(18deg);

  }

  8% {

    transform: rotate(-22deg);

  }

  10% {

    transform: rotate(22deg);

  }

  12% {

    transform: rotate(-18deg);

  }

  14% {

    transform: rotate(18deg);

  }

  16% {

    transform: rotate(-12deg);

  }

  18% {

    transform: rotate(12deg);

  }

  20% {

    transform: rotate(0deg);

  }

}