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

【问题标题】：Is it possible to use keyframes animation on scrollbar thumb?是否可以在滚动条拇指上使用关键帧动画？
【发布时间】：2021-12-19 08:53:54
【问题描述】：

我正在玩弄滚动条的样式，并想给它添加一些动画（仅限 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; }
}

【问题讨论】：

标签： html css

【解决方案1】：

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

虽然你可以通过一些棘手的 css 样式来实现它，更多信息check this out

【讨论】：