@Aadv1k
Posted
hey man great design, just one small suggestion, (this is something even I do and am trying to avoid) that is hover, I would say you should add a :active
animation to your button to make it clicky both on mobile and deskop. The problem with a hover is that it is sticky on mobile, which makes it irritating, in my newer projects I avoid using hover in most cases, especially where the effect is visible (box-shadow for instance) instead I try and add active
animations that trigger when the button is clicked.
Marked as helpful
@serfoll
Posted
@Aadv1k hi, man thanks for the great input. Yes I did notice that and it was annoying was wondering how to fix that. I might have gotten an idea now, and I actually thought the :active
was the culprit since I did use both it and hover. Will have to play around with it a bit more, maybe disable hover using media query break points?
Have a good one, 🍻
@Aadv1k
Posted
@serfoll yup! that is actually a good option using @media (hover: hover)
will only trigger your hovers on devices that support real hover, I just avoid using too many (or too intruisive) hovers altogether, althought this is a good option; also, active is only triggered when your finger (or cursor) is on the actual button.
Marked as helpful
@serfoll
Posted
@Aadv1k then it's definitely hover
bugging out. I have now fixed it and published the changes. Could you check for me if the issue still remains?