30 lines
643 B
CSS
30 lines
643 B
CSS
|
#cursor {
|
||
|
|
position: fixed;
|
||
|
|
width: 18px;
|
||
|
|
height: 18px;
|
||
|
|
background: #ffffffcc;
|
||
|
|
border-radius: 50%;
|
||
|
|
opacity: 0.25;
|
||
|
|
z-index: 99999999;
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
cursor: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='10px' height='10px'><circle cx='4' cy='4' r='4' fill='white' /></svg>") 4 4, auto !important
|
||
|
|
}
|