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

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了scss 简单的摆动动画错误或类似的东西。相关的知识，希望对你有一定的参考价值。

@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;
}

以上是关于scss 简单的摆动动画错误或类似的东西。的主要内容，如果未能解决你的问题，请参考以下文章