Typed text

Enter in any string and watch the text as it types and backspaces at the set speed.

Usage

This a typed

Add the class .typed and data-typed-text attribute to create typed text. Within data-typed-text separate the typed text with ### special characters.

JavaScript


<!-- Vendor Javascripts -->
<script src="../assets/vendor/typed.js/lib/typed.min.js"></script>

Attributes

data-typed-loop: default value is true
data-typed-speed: default value is 100
data-typed-back-speed: default value is 50
data-typed-back-delay: default value is 1000
data-typed-start-delay: default value is 0
data-typed-cursor: default value is ""


<div class="typed"
data-typed-text="sentince###sietence###sentence."
data-typed-loop="false"
data-typed-speed="150"
data-typed-back-speed="10"
data-typed-back-delay="500"
data-typed-start-delay="100"
data-typed-cursor="|"
>
...
</div>

For more Details see Typed.js Documentation

Usage
Attributes