Полоса прокрутки для страниц на CSS
В редакторе
Полоса прокрутки для страниц на CSS
Brain_Script
775
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;
}
Войдите для добавления комментария.