A photo manager for VRChat.
phaz.uk
1.slide-bar{
2 position: fixed;
3 bottom: 0;
4 left: 0;
5 width: 100%;
6 height: 50px;
7 border-top: #aaa 1px solid;
8 mask-image: linear-gradient(to left, #0000 0%, #000 20%, #000 80%, #0000 100%);
9 background: #aaa2;
10 box-shadow: #000 0 0 10px;
11 overflow: hidden;
12}
13
14.inner-slide-bar{
15 display: flex;
16 height: 50px;
17 width: 200%;
18 color: white;
19 align-items: center;
20 cursor: pointer;
21 user-select: none;
22 -webkit-user-select: none;
23}
24
25.slider-dot{
26 width: 5px;
27 height: 5px;
28 border-radius: 5px;
29 background: #aaa;
30 margin: auto 25px;
31}
32
33.slider-text{
34 width: 200px;
35 text-align: center;
36 height: 50px;
37 display: flex;
38 justify-content: center;
39 align-items: center;
40 color: #aaa;
41 transition: 0.25s;
42}
43
44.slider-text:hover{
45 color: #fff;
46}
47
48.slide-bar-tri{
49 position: fixed;
50 bottom: 40px;
51 left: 50%;
52 transform: translateX(-50%);
53 border: transparent solid 5px;
54 border-top: #fff solid 5px;
55}