How to resolve the hovering issue of the button in safari

In Safari the shorthand notation does not work

need to give in separate property if we have given in shorthand notation

Example:

So this will not work

-webkit-transition: visibility 0s, opacity 0.5s linear;
transition: visibility 0s, opacity 0.5s linear;

Instead try writing in full form like this

-webkit-transition-property: visibility, opacity;
-webkit-transition-duration: 0s, 0.5s;
-webkit-transition-timing-function: linear;
transition-property: visibility, opacity;
transition-duration: 0s, 0.5s;
transition-timing-function: linear;

The issue will be resolved

Leave a comment

Your email address will not be published. Required fields are marked *