scss 简单的摆动动画错误或类似的东西。

Posted 2021-05-18

@keyframes wiggle {
  0% {transform: translateX(0);}
  12.5% {transform: translateX(-6px) rotateY(-5deg)}
  37.5% {transform: translateX(5px) rotateY(4deg)}
  62.5% {transform: translateX(-3px) rotateY(-2deg)}
  87.5% {transform: translateX(2px) rotateY(1deg)}
  100% {transform: translateX(0)}
}

.wiggle {
  animation: wiggle 400ms ease-in-out;
}