/* Test réversible : retirez simplement la classe "cursor-ball-test" du . */ @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) { body.cursor-ball-test, body.cursor-ball-test a, body.cursor-ball-test button, body.cursor-ball-test input, body.cursor-ball-test textarea, body.cursor-ball-test select { cursor: none; } .ping-cursor { position: fixed; top: 0; left: 0; z-index: 10000; width: 22px; height: 22px; border: 1px solid rgba(16, 23, 41, .34); border-radius: 50%; pointer-events: none; opacity: 0; background: radial-gradient(circle at 33% 28%, #fff 0 15%, #f7f5ed 36%, #d9d5c8 100%); box-shadow: 0 4px 12px rgba(0, 0, 0, .24), inset -3px -4px 5px rgba(74, 81, 98, .18); transform: translate3d(-50%, -50%, 0) scale(.72); transition: opacity 150ms ease-out, transform 150ms ease-out; will-change: transform, opacity; } body.cursor-ball-test .ping-cursor.is-visible { opacity: 1; } body.cursor-ball-test .ping-cursor.is-pressed { transform: translate3d(-50%, -50%, 0) scale(.82) !important; } }