2748
- 0
- Адаптировал: irbees2008
- Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
Изменяем scrollbar без использование javascript, будет работать на других сайтах и на разных CMS, останется грамотно вставить код css.
Итак приступим
1. Открываеи файл стилей вашего шаблона,ищем стиль
Код:
body{...}Код:
body::-webkit-scrollbar { width: 1em;}
body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px 2px rgba(0,0,0,0.3); /*цвет*/
background:none; /*фон у вас не будет фоновой цвета потому что он на none изменяем его на любой цветом*/
opacity:.7;}
body::-webkit-scrollbar-thumb { border-radius: 5px;background: none;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); cursor: pointer;}Можешь почитать и вот эту статейку "Меняем стандартный скролбар"
Это тоже интересно
11.06.18Эффект прозрачности на CSS
05.02.13Выпадающее меню на CSS
15.01.14Чашка чая на CSS3
25.09.17Асинхронная загрузка CSS
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.