Mouse follow

hi EVERYONE I realise this effect
https://codepen.io/alpha_66/pen/xxemvGN I don't know why on codepen the

mix-blend-mode:difference;

mix-blend-mode:difference;

is not working but on my computer is working very well the problem is mouse and the circle there are not moving at the same time. can I have some idea to perfom this ? thanks

Patrick L

CodePen

xxemvGN

...

2 Replies

missymae•8mo ago

.mouse{}

.mouse{}

you have transition: .3s , so the .mouse element will transition with .3s duration every time the mousemove eventlistener changes the top or left property. Maybe you want to specify which property to target, for example

transition: transform .3s;

transition: transform .3s;

the .mouse element will follow the movement quickly, but the size will change slowly. You can have multiple of those in a comma separated list, like

transition: top .1s, left .1s, transform .3s;

transition: top .1s, left .1s, transform .3s;

Pat66OP•8mo ago

thanks for your answer work very well :thumbup:

Gaming

Programming

Mouse follow