March 5, 2017

Textifyは文字にアニメーション効果を追加します。

<div id="split-1" class="split">something cool is coming</div>
<div id="split-2" class="split">yup this is awesome</div>

var splitOne = new SplitText( $('#split-1') );
splitOne.init().animate({
    delay: 0,
    x: 10,
    y: 20,
    rotationX: 165,
    rotationY: 40,
    rotationZ: 20,
    duration: 1.3,
    opacity: 0,
    staggerDuration: 0.1,
    easeType : Back.easeOut
});

MIT