css - Webkit滚动条边框动画

我想为滚动条赋予发光效果。
是否有任何Webkit滚动条边框颜色选项？
有人知道吗？

   ::-webkit-scrollbar {
    width: 12px;
}


/* Track */
::-webkit-scrollbar-track {
    border:1px solid #eee;
}


/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 0px;
    background: #aaaaaa;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #eee;
}
::-webkit-scrollbar-thumb:hover{
    background: #cccccc;
}

最佳答案

这取决于要发光的元素，但是要在将box-shadow与x y radius spread color一起使用的任何项目上获得“发光”，可以根据需要忽略散布，而如果要使框阴影为阴影则可以忽略颜色是黑色的。

所以：

box-shadow: 0 0 1em 0 #000

等于：

box-shadow: 0 0 1em;

因此，如果您希望整个滚动条发光：

::-webkit-scrollbar {
  width: 12px;
  box-shadow: 0 0 1em #f00;
}

或仅拇指：

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 0;
  background: #aaaaaa;
  box-shadow: 0 0 1em #f00;
}

关于css - Webkit滚动条边框动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29796297/