2014-06-13 10 views
8

Sono nuovo nell'animazione di SVG & Mi sono imbattuto in un problema che sembra accadere solo in Firefox. Ho creato un'animazione qui - http://codepen.io/iamali/pen/txvpo - di una scena di cielo. Il sole dovrebbe ruotare & dissolvenza in & fuori.Trasforma l'origine su SVG in Firefox

Funziona bene in Chrome, ma per qualche motivo sembra ignorare il valore di origine di trasformazione in Firefox e il sole diventa AWOL. Qualcuno sa di un problema simile in Firefox? O potrebbe essere qualcos'altro? Ho provato Google di tutti i tipi di termini, ma sembra che non ci sia molto da fare.

Grazie!

+0

il collegamento all'esempio sembra essere rotto –

risposta

8

trasformazione origine con unità percentuale funziona da Firefox 43 onwards.

+0

Ah ok, evviva per l'heads up! –

+0

'transform-origin' è stato supportato in una certa misura in Firefox 40 per gli elementi SVG, cioè ha un effetto su di essi. Il suo comportamento non è sempre corretto. – JKillian

+0

Beh, funziona bene se non si usano le percentuali se questo è ciò che intendi. –