抖动

⌘ K

⌘ K

‌
‌
‌
‌

使用场景

抖动效果常引起用户注意或提示错误，是“负反馈”的常见表现

它是使用 translate 和 transform 实现的。

scss

@keyframes shake {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}

‌
‌
‌
‌

抖动效果常引起用户注意或提示错误，是“负反馈”的常见表现

它是使用 translate 和 transform 实现的。

scss

@keyframes shake {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}

100