A photo manager for VRChat.
phaz.uk
1.icon{
2 width: 40px;
3 height: 40px;
4 padding: 10px;
5 filter: invert(100%);
6 display: flex;
7 align-items: center;
8 justify-content: center;
9 height: 100%;
10 cursor: pointer;
11 user-select: none;
12 -webkit-user-select: none;
13}
14
15.icon-small{
16 filter: invert(100%);
17 display: flex;
18 align-items: center;
19 justify-content: center;
20 height: 100%;
21}
22
23.icon-label{
24 margin-top: -20px;
25 margin-right: -200px;
26 width: 200px;
27 color: white;
28 pointer-events: none;
29 transform: translate(20px, -9px);
30 opacity: 0;
31 transition: 0.25s;
32 user-select: none;
33 -webkit-user-select: none;
34}
35
36.icon:hover ~ .icon-label{
37 opacity: 1;
38 transform: translate(40px, -9px);
39}
40