2015-04-06 5 views
0

Я нашел этот пример анимации SVG: http://codepen.io/hbuchel/pen/qLxAB?editors=110
он работает на хром, но не работает на светлячок ..
я могу видеть только изображение без анимации. Я не понимаю, почему ..HTML SVG анимация не работает на Firefox (работает на хроме)

Как я могу заставить его работать на firefox?

Обновление: Прежде, чем я должен быть css анимации проблема, но я проверил это и работает нормально, так это еще одна проблема ..

ответ

0

Вы пробовали -webkit-animation и других?

.clip { 
    -webkit-animation: slide 8s infinite; 
    -moz-animation: slide 8s infinite; 
    -o-animation: slide 8s infinite; 
    animation: slide 8s infinite; 
} 
+0

CSS-анимация работает, я думаю, что это что-то другое дело .. – neoDev

+0

http://jsfiddle.net/WsWWY/1/ я взглянуть на это сейчас. (который приходит из этого сообщения http://stackoverflow.com/questions/7844520/css-animation-works-in-chrome-but-not-in-firefox) Если это работает в моем браузере Firefox, тогда должно быть что-то малое которые необходимо изменить. –

+0

Я думаю, что firefox поддерживает то, что вы хотите сделать, но только по-другому, посмотрев на эту страницу в хроме и firefox отдельно. https://developer.mozilla.org/en-US/docs/Applying_SVG_effects_to_HTML_content#Example%3a.C2.A0Masking. Я также нашел аналогичную проблему здесь http://stackoverflow.com/questions/12698719/svg-image-masking-on-firefox, которая может помочь вам несколько больше. –

Смежные вопросы