Полоса прокрутки для страниц на CSS

В редакторе

Полоса прокрутки для страниц на CSS

Brain_Script
834
2019-07-12 15:05:00
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>CSS Пользовательские Scrollbar</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>test messages — test messages </h1> </body> </html>
/** CSS Custom Scrollbar **/ ::-webkit-scrollbar { width: 25px; } ::-webkit-scrollbar-thumb { border-radius: 25px; background: -webkit-gradient(linear,left top,left bottom,from(#e27e08),to(#b7104c)); box-shadow: inset 2px 2px 2px rgba(232, 229, 229, 0.25), inset -2px -2px 2px rgba(14, 14, 14, 0.25);} ::-webkit-scrollbar-track { background-color: #f9f3f3; background: linear-gradient(to right,#29262f,#25222d 1px,#0d0b15 1px,#100e19); } body { margin: 0px; padding: 0px; background-color: #2d2c2c; height: 3500px; width: 100%; } h1 { position: absolute; top: 47%; left: 47%; transform: translate(-50%, -50%); color: #fbf7f7; font-family: arial; font-size: 48px; padding: 5px; border: 5px solid #e84649; border-radius: 15px; }
Войдите для добавления комментария.
Нет комментариев
Яндекс.Метрика Яндекс.Метрика