Изменить ширину полосы прокрутки/цвет при зависании?

Question

я в настоящее время имеют измененную полосу прокрутки:

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

::-webkit-scrollbar-track { 
    visibility:hidden; 
} 

::-webkit-scrollbar-thumb { 
    -webkit-border-radius:10px; 
    border-radius:10px; 
    background:#7c7c7c; 
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); 
} 

Я хочу сделать так, чтобы, когда я зависать над ним, цвет будет меняться от светло-черного до черного, а ширина будет увеличиваться на несколько пикселей плавно , Предпочтительно, я хотел бы иметь возможность сделать это через CSS, но я предполагаю, что это невозможно, поэтому вся работа, которую выполняет эта работа, очень ценится. Кто-нибудь знает как это сделать? Заранее спасибо

Answer 1

Добавить этот код и проверить.

::-webkit-scrollbar-thumb:hover { 
    background:black; 
}