Firefox CSS3 анимации - PullRequest
       1

Firefox CSS3 анимации

0 голосов
/ 10 февраля 2012

Я слышал о хитростях и хитростях, которые можно сделать для реализации анимации css3 в Firefox.Я провел некоторое исследование и ничего не достиг.Кто-нибудь из вас знает, как реализовать анимацию CSS3 в Firefox и Opera (и IE, если это возможно)?Я действительно ценю это!Спасибо!

РЕДАКТИРОВАТЬ:

 #pictureMove {
    -webkit-animation:pictureTransition 25s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-name:pictureTransition;
    -moz-animation-duration::25s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
}
@-webkit-keyframes pictureTransition {
    from,5% {-webkit-transform:translateX(0px);-moz-transform:translate(0px);}
    10%,25% {-webkit-transform:translateX(-1024px);-moz-transform:translate(-1024px);}
    30%,45% {-webkit-transform:translateX(-2048px);-moz-transform:translate(-2048px);}
    50%,65% {-webkit-transform:translateX(-3072px);-moz-transform:translate(-3072px);}
    70%,85% {-webkit-transform:translateX(-4096px);-moz-transform:translate(-4096px);}
    90%,to {-webkit-transform:translateX(-5120px);-moz-transform:translate(-5120px);}
}
@-moz-keyframes pictureTransition {
    from,5% {-moz-transform:translateX(0px);}
    10%,25% {-moz-transform:translateX(-1024px);}
    30%,45% {-moz-transform:translateX(-2048px);}
    50%,65% {-moz-transform:translateX(-3072px);}
    70%,85% {-moz-transform:translateX(-4096px);}
    90%,to {-moz-transform:translateX(-5120px);}
}

1 Ответ

1 голос
/ 10 февраля 2012

Firefox поддерживает анимацию:

В частности, переходы CSS поддерживаются в Firefox 4+ и ключевые кадры в Firefox 5 +

Docs:

Примеры:

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...