Retina SVG Cursors with mix-blend-mode
-
When using the SVG Cursors in Fullscreen Slider they get rendered blurry on retina Screens in Safari (Firefox and Chrome work fine).
I've found a website based on Lay theme which found a smart way to use a SVG cursor that renders sharp in Safari and works with mix blend mode.
https://www.polytechnic.works/
Can somebody help on how to implement this? I'd like to use it with left/right arrows in Fullscreen slider Addon :)
-
Dear @simonnelli
The linked images have no cursor applied with CSS:
We can see the + in a screenshot which gives away that it's not the true cursor but some element on the website.
I think it may be a Unicode applied to the screen with some JS.
https://dev.to/b4two/how-to-make-a-custom-cursor-with-css-and-jquery-5g3m
When i change the site's font size the Line height of + symbol increases and pushes away from where the true cursor is:
For this reason i think it's created out of Text / Unicode.
Best wishes ðŸŒ
Richard
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login