I have successfully created a custom cursor using the code below, but cannot figure out how to add a delay to the cursor movement like this example here: https://codepen.io/ciprian/pen/BazvjRZ
After doing that I've also pasted this inDesign > Custom CSS
@media(hover: none ){.cursor {display: none !important;}}*{cursor: none;}.cursor {--size:10px;height: var(--size );width: var(--size );border-radius:50%;pointer-events: none;position: absolute;transform: translate(-50%,-50%);z-index:99999999999;}.cursor.cursor-dot {background:#ffffff;/* This defines the color of the cursor */mix-blend-mode: difference;/* This line is for the circle to invert Delete this line if you dont want the circle to invert */transition: width 0.8s, height 0.7s, background-color 0.9s;transition-timing-function: ease-out;}.cursor-dot.active {--size:60px;background-color:#ffffff;}
Add delay to mouse cursor animation
in Customize with code
Posted
Site URL: https://www.davidjackspencer.co/
I have successfully created a custom cursor using the code below, but cannot figure out how to add a delay to the cursor movement like this example here: https://codepen.io/ciprian/pen/BazvjRZ
I've posted this in Settings > Advanced > Header
And this in Settings > Advanced > Footer
After doing that I've also pasted this in Design > Custom CSS
Any help would be greatly appreciated!