transition 动画有抖动怎么办？

Question

  margin-bottom: 64px;
  transition: margin-bottom 0.3s ease;
  will-change: margin-bottom;

大佬们这样设置在边界点会一直抖动怎么办？我就想在鼠标悬浮的时候元素向上，并且这个向上有个渐变效果，不那么生硬

Answer 1

你可以用transform来实现这个效果,不用margin-bottom

transform: translate(0, 20px);
transition: transform .3s ease;