html - 是否可以在滚动条拇指上使用关键帧动画？

Question

我正在玩弄滚动条的样式，并想向它添加一些动画（仅限 HTML 和 CSS）。我试过这段代码，但它不工作。有任何想法吗？

body::-webkit-scrollbar-thumb {
  background: #196bd7;
  border-radius: 10px;
  animation: scrollbar1 5s infinite;
}

@keyframes scrollbar1 {
  0%{ background: blue; }
  25%{ background: red; }
  100%{ background: chartreuse; }
} 

标签： htmlcss

Answer 1

您不能在滚动条上使用关键帧或过渡

尽管您可以通过一些棘手的 css 样式来实现它，但有关更多信息，请查看