search

Cuberto / mouse-follower

A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website.
MIT License
724 stars 60 forks source link

Webflow - SCSS seems to overwrite opacity and size of buttons #34

Closed 0dinsama closed 9 months ago

0dinsama commented 10 months ago

Hey guys, I think I did something wrong when implementing this library on my Webflow Website.

It seems like the styles given in the SCSS file are overwriting some of the changes I'm making such as size and opacity.

Here's the dev web adress if you wan't to take a look : https://ux-forge.webflow.io/home-v2

I know there's something to do with states but I seem to get my head around it.

Thanks in advance !

Here's the current CSS .mf-cursor { @media screen and (max-width: 769px) { display: none; } color : #050505; } .-cursor-hover { font-weight : 500; letter-spacing: 1px; opacity: 1; color : #F44708FF; }

And the script : <script> const cursor = new MouseFollower({ container: document.body, speed: 0.8, skewing: 1, skewingText: 3, skewingDelta: 0.001, skewingDeltaMax: 0.15, }); </script>

Drafteed commented 9 months ago

Just copy the scss into your project and change it as you like. The default Mouse Follower SCSS is just an example.