实现HTML元素高亮闪烁

背景：

在页面新模块上线之后，我们经常需要从一些锚点跳转到新模块；用户点击跳转后，需要尽快让用户获知新模块的位置和内容

方案：

如果新模块在页面中间的某一区域，使用scrollIntoView 滚动到目标所在区域
设置元素背景/边框高亮闪烁


.scrollWrapper {
  background: #fff;
  animation: twinkle 1s ease 4;
  border-radius: 8px;
}
 
@keyframes twinkle {
 
  0% {
    background: #fff;
  }
 
  50% {
    background: #fff5d0;
  }
 
  100% {
    background: #fff;
  }
}

DEMO演示

这里是闪烁元素