#cursor { position: fixed; z-index: 9; left: 0; top: 0; pointer-events: none; /* will-change: transform; */ /* mix-blend-mode: difference; */ 9 } @media (hover: hover) and (pointer: fine) { .cursor__circle { width: 64px; height: 64px; margin-top: -50%; margin-left: -50%; border-radius: 50%; border: solid 1px rgba(227, 222, 3, 0.64); 19 transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter