cursor-effects icon indicating copy to clipboard operation
cursor-effects copied to clipboard

[feat]add color mix effect to the dotCursor

Open chase-si opened this issue 1 year ago • 2 comments

Hi,Tholman.

I used your code in my project, and added some codes to make the dot background is changeable.

I think someone else may also need the effect. So submit a PR to you.

Here's the screenshot: image

chase-si avatar May 29 '24 07:05 chase-si

Nice stuff!

I think a slightly more succinct way to do this would be to expose a variable called mixBlendMode as a string, that takes the option of "difference" (or any of the others, if someone may find they want them).

I almost think we make 'difference' the default, looks way nicer.

tholman avatar May 29 '24 23:05 tholman

Nice stuff!

I think a slightly more succinct way to do this would be to expose a variable called mixBlendMode as a string, that takes the option of "difference" (or any of the others, if someone may find they want them).

I almost think we make 'difference' the default, looks way nicer.

Hi, I have added a new commit to change mixDotBgColor to mixBlendMode.

But I didn't set thedifference as the default value.

It may make a small change for the guys that using your npm package to build their page, when they update the version.

For example, if I set it as default value, in your example(Following Dot), the gray dot will be lighter because it will mix with the white background.

chase-si avatar May 31 '24 03:05 chase-si

Closing as stale

tholman avatar Dec 19 '24 03:12 tholman