Некорректно отображается анимация трансформации CSS3 в Safari?

Question

[Ilya Pavlov]

https://codepen.io/PiCoderman/pen/OEozGr
Некорректно отображается анимация при наведении на "Loading".
Версия Safari: 11.1.1 (13605.2.8)

Answer 1

[boga-net]

Попробуйте добавить префиксы

-webkit-transform: ;
-moz-transform: ;
-o-transform: ;
-ms-transform: ;
transform


-webkit-animation: 
-moz-animation: 
-ms-animation: 
-o-animation: 
 animation:

-webkit-transition: all ;
   -moz-transition: all ;
     -o-transition: all ;
    -ms-transition: all ;
        transition: all ;

Небольшой совет: анимируйте только то, что нужно. В вашем случае хватит и

transition: transform 5s, opacity 5s, border-bottom 5s;