2022-01-12 23:24:24 +08:00
|
|
|
#cursor {
|
|
|
|
|
position: fixed;
|
|
|
|
|
width: 18px;
|
|
|
|
|
height: 18px;
|
|
|
|
|
background: #ffffffcc;
|
2022-05-22 12:02:03 +08:00
|
|
|
border-radius: 8px;
|
2022-01-12 23:24:24 +08:00
|
|
|
opacity: 0.25;
|
2022-05-22 12:02:03 +08:00
|
|
|
z-index: 10086;
|
2022-01-12 23:24:24 +08:00
|
|
|
pointer-events: none;
|
|
|
|
|
transition: 0.2s ease-in-out;
|
|
|
|
|
transition-property: background, opacity, transform;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#cursor.hidden {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#cursor.hover {
|
|
|
|
|
opacity: 0.1;
|
|
|
|
|
transform: scale(2.5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#cursor.active {
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
transform: scale(0.5);
|
|
|
|
|
}
|
