Autotyperjs 打字机动画特效插件

var options = {

  selector: ".content > h1",

  words: ["hello", "world"]

};

// start auto typer

var typer = new autoTyper(options);

typer.start();

// stop autoTyper

typer.stop();

@-webkit-keyframes blink-caret {

  50% {

    border-color: transparent;

  }

}

.typerTarget {

  border-right: 1px solid #404145;

  -webkit-animation: blink-caret 0.5s step-end infinite alternate;

          animation: blink-caret 0.5s step-end infinite alternate;

}

// available custom options

var options = {

  selector: ".typerTarget", // target element selector

  words: [], // words/sentences that will be auto typed

  charSpeed: 85, // letter typing animation speed

  delay: 2100, // word/sentence typing animation delay

  loop: true, // if loop is activated, autoTyper will start over

  flipflop: true // if flipflop is activated, letters which are typed animated will be removed ony by one animated

};