Carousel addon - mouse cursor custom
-
Hello!
I'd like to apply a mix-blend-mode: difference effect to the custom DOM cursor on my carousel, so that it visually inverts against the images underneath — similar to how my navigation menu already behaves when it overlaps images.
I've applied mix-blend-mode: difference to my nav elements and it works perfectly. But I can't seem to target the carousel cursor element in CSS, as it doesn't appear to have a stable/accessible class.
Is there a recommended way to achieve this effect on the carousel DOM cursor?
Here is a link to my website for reference: https://www.clara-andrea.com/tipik/
Thank you!
-
hey!
#lay-dom-cursor{
mix-blend-mode: difference;
}however, this doesnt do that only for carousels but for all DOM cursors.
also, you'd need to use white cursor images for it to work.
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