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
2 Replies
missymae#2783
missymae#27832mo ago
In
.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;
Pat66
Pat662mo ago
thanks for your answer work very well :thumbup:
Want results from more Discord servers?
Add your server
More Posts