Help on where to input code please!

Design help Custom code
1

Hi,

I’m trying to get my head around this all - a lot to learn, but hoping I can get some clarity on where the code is supposed to sit, and what needs to support it to work.

  1. Ripple Hover Effect - Webflow

The code that creates the ripple cursor is in the before tag, but when I copy this into another page’s before tag, it does not transfer the effect. Am I missing a step?

  1. Element → Ring of Power - Webflow
    I found a code that would blur the edges of the mask so they are not sharp. However, again - if I put this into the before tag, changing YOUR-CLASS to “Mask”, it doesn’t work.
.YOUR-CLASS { -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%); mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%); }

Any help is much appreciated.

1 Like
2

It’s targeting the hero class, make sure you’re using the same class on other pages, or that you adjust the code there.

Very cool effect!

I can’t guess any further than that. When you post a questions about a project here, it’s important to share your project links so that the community can help. Here are some pro tips on that;

1 Like
3

Thank you so much, this has solved the ripple code usage for me, and I understand better!