cursor-style
Version:
Multiple prebuilt cursor styles to choose from
1 lines • 1.4 kB
Source Map (JSON)
{"version":3,"sources":["global.css"],"names":[],"mappings":"AAAA,QAEE,iBAAkB,CAGlB,WAAY,CADZ,yBAA0B,CAD1B,mBAAoB,CAFpB,cAAe,CAKf,6BAA+B,CAC/B,kBACF,CASA,oBAEE,4BAA6B,CAD7B,2BAEF,CAEA,qBAEE,4BAA6B,CAD7B,4BAEF,CAEA,wBACE,GAEE,SAAU,CADV,kBAEF,CACA,IAEE,UAAY,CADZ,oBAEF,CACA,GAEE,SAAU,CADV,kBAEF,CACF,CAEA,yBACE,GAEE,SAAU,CADV,kBAEF,CACA,GAEE,SAAU,CADV,kBAEF,CACF","file":"cursor-style.css","sourcesContent":[".cursor {\r\n position: fixed;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n mix-blend-mode: difference;\r\n cursor: none;\r\n transition: transform 0.2s ease;\r\n z-index: 2147483647;\r\n}\r\n\r\n/* .click-effect-pulse {\r\n animation: cursor-pulse 300ms ease-out;\r\n}\r\n\r\n.click-effect-ripple {\r\n animation: cursor-ripple 400ms ease-out;\r\n} */\r\n.click-effect-pulse {\r\n animation-name: cursor-pulse;\r\n animation-fill-mode: forwards;\r\n}\r\n\r\n.click-effect-ripple {\r\n animation-name: cursor-ripple;\r\n animation-fill-mode: forwards;\r\n}\r\n\r\n@keyframes cursor-pulse {\r\n 0% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n 50% {\r\n transform: scale(1.5);\r\n opacity: 0.6;\r\n }\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n}\r\n\r\n@keyframes cursor-ripple {\r\n 0% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n 100% {\r\n transform: scale(2);\r\n opacity: 0;\r\n }\r\n}\r\n"]}