I am trying to create a checkbox button with some interactivity.
I have currently configured one button to be 60% opacity when the page is loaded, however, if the button is hovered it will increase opacity to 100% but on “hover-out” it will decrease back to 60%
I have configured the same button to have a click function, so when it is clicked, the checkbox will obviously tick and the opacity also increase to 100%, I have configured the second click to decrease opacity to 60% in case it was accidentally clicked.
The hover feature I configured interferes with the click feature, even though the checkbox is ticked, if you hover-out the opacity of the button still decreases to 60% which is not what I want when the user has ticked the option they want.
Any help is appreciated, I’ve put in a fair bit of time trying to figure this out and no success - I am new to webflow so I’m positive that there is a lot of things I haven’t tried, just hoping it’s an easy fix for someone more experienced!