safari interpreta diferente el easing cubic-bezier

[matake]

Hola,

Estoy intentando hacer unos efectos de transición con funciones cubic-bezier() propios lo que pasa es que en safari ( tengo la version 5.1.7 para windows ) aunque funciona el efecto interpreta de otra manera los valores de cubic-beizer()

Aqui esta el ejemplo:
http://jsfiddle.net/matake/h9pop9w6/

lo curioso es que solo ciertos valores son interpretados diferente. En el ejemplo de arriba he puesto como esasing cubic-bezier(1.000, -0.600, 0.595, 0.090) y no funciona en safari (en otros navegadores si )
pero si pongo esta otra cubic-bezier(0.42, 0, 0.58, 1) funciona correctamente en todos


Mas raro todavia si cambio

Código Javascript:

'-webkit-transition': 'all 1s cubic-bezier(1.000, -0.600, 0.595, 0.090)'
 

por

Código Javascript:

'-webkit-transition-timing-function': 'cubic-bezier(1.000, -0.600, 0.595, 0.090)',
'-webkit-transition-duration': '1s'
 

Entonces el efecto funciona incluso en safari pero es como si tiene otros valores o sea interpreta de otra manera los valores de cubic-beizer

La pregunta es:
¿Alguien que tiene mac ( que no tengo ) o otra version de safari para windows me puede decir si le pasa lo mismo?

(ver primero como funciona en chrome y luego la diferencia con el safari )

Gracias

[pzin]

Safari 5 es un navegador ya algo viejo. Solía ser el que más lento se actualizaba, y ya van por la versión 8. Para Windows se discontinuó hace años (igual que IE para Mac), y no saldrán versiones nuevas.

En Mac se ve la animación igual en Safari que en Chrome (cosa que cabría esperar por el motor). Tal vez sea, suponiendo yo, porque Safari 5 tal vez no interprete los valores negativos en una Curva de Bezier.

Mi consejo es que te olvides de que existe Safari para Windows.