some transitions don't work (well) in IE and Edge

[marathia]

As per title:
hvr-skew, hvr-skew-forward and hvr-skew-backward change abruptly when hovering over them
hvr-wobble-top, hvr-wobble-bottom and hvr-wobble-skew don't animate at all.

Not sure if there are consequences, but disabling

-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);

seems to solve this.

Tested on the hover.css demo page with Edge 16 and IE11.

[Manuel-Suarez-Abascal]

As per title:
hvr-skew, hvr-skew-forward and hvr-skew-backward change abruptly when hovering over them
hvr-wobble-top, hvr-wobble-bottom and hvr-wobble-skew don't animate at all.

Not sure if there are consequences, but disabling

-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);

seems to solve this.

Tested on the hover.css demo page with Edge 16 and IE11.

I have been the same issue with .hvr-underline-from-left`` when I remove

-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);

it solves the issue but then it breaks the animation on Firefox. Did you find a solution to this?

[Manuel-Suarez-Abascal]

@marathia I found a way to solve my problem. Maybe it will work for you as well. Just remove perspective(1px)
It solved the issue for me. You can check my own answer in stackoverflow :

https://stackoverflow.com/questions/54654582/hover-css-border-bottom-effect-is-not-working-properly-in-opera