Скорость. js V2 и UI Pack - PullRequest
Новая
       25

Скорость. js V2 и UI Pack

0 голосов
/ 29 февраля 2020

Работает ли новейшая версия Velocity. js - V2 - с предоставленным UI-Pack, и если да, то как? (Я скачал файлы с Github Repo и включил минимальные версии speed и speed.ui)

Я пытаюсь использовать некоторые эффекты или создавать собственные последовательности, но большую часть времени это не работает должным образом или нет вообще. Особенно, если в анимации есть transform: "translate3d(..)", она вообще не работает, даже не создавая мои собственные анимации без пакета пользовательского интерфейса. 

Velocity("registerSequence", "mySequence", {
        "duration": 1000,
        "0,100%": {
            transformOrigin: "center bottom"
        },
        "0%,20%,53%,80%,100%": {
            transform: ["translate3d(0,0px,0)", "easeOutCubic"]
        },
        "40%,43%": {
            transform: ["translate3d(0,-30px,0)", "easeInQuint"]
        },
        "70%": {
            transform: ["translate3d(0,-15px,0)", "easeInQuint"]
        },
        "90%": {
            transform: "translate3d(0,-4px,0)"
        }
    });

 Velocity(element, 'mySequence');

В общем, я действительно не знаю, как правильно делать анимации преобразования, особенно если я хочу их связать, например, если я хочу переместить элемент вправо, а затем повернуть его. Он движется вправо, но затем для поворота он возвращается туда, откуда начал. Я попытался переместить источник преобразования et c. ничего не получалось. 

element.velocity({
                transform: ["translateX(200%)", "translateX(0px)"]
            }, {duration: 1000, easing: 'ease-out'}).velocity({
                transform: ["scale(0)", "scale(1)"]
            }, {duration: 1000, easing: 'ease-out'});
...