Good day to all! Can anyone suggest how you could make the property animation, transform, etc. for mobile Safari browser working ??? Is there something like -webkit- used ?? Or it is necessary that when you click on the link, it worked: hover on the Safari mob. Tell me how it was done please

#nav-collapse ul li a:hover { border-bottom: 6px solid #9bbe7e; transition: 0.3s; }

It is necessary that these styles also work on Safari mobile.

    2 answers 2

    Use the transition: 0.3s; property transition: 0.3s; not to #nav-collapse ul li a:hover , but to #nav-collapse ul li a .

      Can i use says animation and transition work in all mobile safaris. You probably expect other behavior from: hover? On the touchscreen, the hover is triggered when you press a button and it does not stop working after you lift your finger. Try to separate your styles on mobile and desktop.