Sarah Drasner

你是否曾经在工作中遇到过，在你开始上手当前任务时，就被不断地分配到新的任务？这感觉最轻微是令人不适的，最糟糕是完全令人沮丧和浪费时间的。最近…

这假设使用了一个自动前缀器。

.face:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 

创建 CSS 动画可能只是关于学习语法，但要掌握一个美观且直观的动画需要更多的细微差别。由于动画会吸引如此多的注意力，因此改进代码以确保时序正确和调试…

以下是来自 Sarah Drasner (@sarah_edo) 的客座文章。Sarah 一直在研究和 发表演讲 关于动画，我迫不及待地想让她在这里分享一些研究成果，这次重点关注…