KPC
Kevin Powell - Community•3mo ago
Pat66

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#2783
missymae#2783•3mo 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
Pat66•3mo ago
thanks for your answer work very well :thumbup:
Want results from more Discord servers?
Add your server
More Posts
Admin Dashboard TemplateMaybe someone knows how to get this Majestic template like this?default browser marginsHey, is it recommended to utilise the margin that is on elements such as headings and paragraphs by How to model the data?I'm working on a Chrome extension that lets users get deeper insights into their YouTube watch time intersecting bordersHow can I prevent div borders from being accumlated on top of each other like here https://codepen.iScroll Animation with Dynamic Image change want to be more reactiveHi there, I'm new but I'm needing some help with my scroll animating. For the most part, what I haveGit repo 'rebasing' message in terminal: "Please enter the commit message for your changes"I've been trying to push to a remote repo, and I'm being hit with this message in the terminal (see How to remove whitespace when zoomed near scroll barIm using tailwind, when i zoom near the scrollbar there is small whitespace next to it, how do i remVideo with source webm not looping in safariI'm having a video tag used as background video, which is working great in all browsers – except safUsing React Query with SSR Next js 14 App RouterHello. I would like to know if it is possible to use React Query in Next js 14 App Router in Server Achieving Consistent Blur Effects Across Different Browsers: A GuideCould someone please advise me on why the blur effect doesn't appear consistent across all browsers