Страница анимации zepto.js

Question

Кто-нибудь знает, как изменить тип анимации, которую использует страница / разделы?Я прочитал документы, но не смог понять ни одной вещи.Мне нравится этот фреймворк, и я действительно хочу попробовать его, но там нет НИКАКИХ учебников или документации по этому вопросу.

Answer 1

Вы можете использовать те анимации Zepto, которые являются собственными переходами webkit:

$('.pages').anim({ translateX: window.innerWidth + 'px'}, 0.5, 'ease-out');

или

$('.pages').anim({ translate3d: window.innerWidth + 'px, 0, 0'}, 0.5, 'ease-out');

Список доступных анимаций:

var supportedTransforms = [
        'scale', 'scaleX', 'scaleY',
        'translate', 'translateX', 'translateY', 'translate3d',
        'skew',      'skewX',      'skewY',
        'rotate',    'rotateX',    'rotateY',    'rotateZ',    'rotate3d',
        'matrix'
      ];