Для просмотра примера переключитесь на десктоп версию

Стилизуем скроллбар

1. Добавляем HTML-код — T123 и вставляем в него следующий код
2. Изменяем параметры под себя
<style>
body::-webkit-scrollbar {
	/* display: none; /* отключаем скроллбар */
	width: 50px; 	/* ширина скроллбара */
}
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 25px #ffbb001f; 	/* цвет внутренней тени */
	background: #fffaeb; 	/* цвет фона */
}
body::-webkit-scrollbar-thumb {
	background-color: #ffbb00; 	/* цвет ползунка */
	border-radius: 30px; 	/* скругление бордюра */
	background-image: -webkit-linear-gradient(90deg, #ff008d, #ffc800);
}
</style>
Made on
Tilda