javascript - textilate,js http://jschr.github.io/textillate/ でテキストの速度を変更する

Question

私はtextilate.js（http://jschr.github.io/textillate/）を初めて使用していますが、textilate.jsでアニメーションの速度を上げる方法を知っている人はいますか....

Answer 1

delayScale オプションを使用します。

したがって、次のようになります。

jQuery(function () {
    jQuery('ElementName').textillate({ in : {
            effect: 'rollIn',
             delayScale: .5,
        },
        out: {
            effect: 'hinge'
        },
        loop: false
    });
});

Answer 2

Textillate.js は animate.css を使用するため、効果が fadeInUp である場合は、 animate.css 内でクラス.fadeInUpを見つけて、以下を追加します。

-webkit-animation-duration: 1s;
animation-duration: 1s;

継続時間を 1 秒から 0.5 秒に微調整して、さらに高速にすることができます。