-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
40 lines (39 loc) · 1.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!-- You can add class="dark" in html for dark mode -->
<html>
<head>
<meta charset="UTF-8" />
<script src="script.js"></script>
<link href="https://unpkg.com/@master/normal.css" rel="stylesheet" />
<script src="https://unpkg.com/@master/style"></script>
<script src="https://unpkg.com/@master/styles"></script>
</head>
<!-- COPY class on body -->
<body
class="
overflow-x:hidden
w:12::scrollbar
h:12::scrollbar
b:3;solid;transparent::scrollbar-thumb
background-clip:padding::scrollbar-thumb
rounded::scrollbar-thumb rounded::scrollbar
bg:fade-13::scrollbar-thumb
bg:fade-23::scrollbar-thumb:hover
bg:fade-34::scrollbar-thumb:active
bg:gray-78::scrollbar-thumb@dark
bg:gray-68::scrollbar-thumb:hover@dark
bg:gray-57::scrollbar-thumb:active@dark
overflow:overlay
"
>
<div class="h:1024">
<h2 class="f:40 f:sans f:heavy word-spacing:4 text:center py:150">
Master Styles Scroll Bar 👉
</h2>
<div class="text:center">
<p class="f:fade-55 f:sans f:heavy py:15">Range Input</p>
<input type="range" min="0" max="100" value="15" class="mt:10 w:1/4" />
<input type="range" min="0" max="100" value="15" class="mt:35 w:3/4" />
</div>
</div>
</body>
</html>