транслатексная анимация WebKit откатывает к исходному положению

Question

транслатексная анимация WebKit откатывает к исходному положению

Я пытаюсь сделать галерею изображений для мобильного WebKit,

Единственным путем это достаточно на самом деле быстро, использует аппаратно ускоренный транслатекс.

Моя проблема состоит в том, что отделение забирает свое исходное положение в конце анимации. Я добавляю slideGalLeft нажатие класса на левую кнопку. анимированному отделению

Вы видите пример здесь в разделе событий обратного вызова: http://position-absolute.com/jqtouch/demos/main/#home

    .slideGalLeft {
    -webkit-animation-name: slideColis;
}


@-webkit-keyframes slideColis {
    from { -webkit-transform: translateX(0%); }
    to { -webkit-transform: translateX(-100%); }
}

15

css webkit css3

задан Cedric Dugas 7 January 2010 в 02:33

1 ответ

Другие вопросы по тегам:

css webkit css3

Похожие вопросы:

score 13 · Accepted Answer

Не используйте для этого анимацию webkit, поскольку после воспроизведения она возвращается к значениям по умолчанию. Вместо этого определите

.slideGalleft{
    -webkit-transition: -webkit-transform 1s linear;
    -webkit-transform: translateX(0%);
}

и используйте Javascript, либо установите -webkit-transform: translateX (100%); , либо добавьте класс CSS к вашему элементу, который устанавливает окончательное значение преобразования, и webkit будет правильно его анимировать