WriterJS is a plugin that you can use to add an amazing writing effect to your website.
Include the writer.css
file in src
folder to the <head>
of your page before your main stylesheet.
<link rel="stylesheet" href="https://eissapk.github.io/writerjs/src/writer.min.css">
Include the writer.js
file in src
folder to the <body>
of your page.
<script src="https://eissapk.github.io/writerjs/src/writer.min.js"></script>
Add this tag in your <body>
<span class="writer-text" data-sentences="test one <(*)>test two <(*)>test three" data-wait-sentence="3000" data-wait-letter="100"></span>
data-sentences
Holds all sentences you want to add, seperated by this symbol <(*)>
data-wait-sentence
This refers to the amount of time in milliseconds until switching to the next sentence.
data-wait-letter
This refers to the speed of typing each letter in milliseconds.
I wanted it to be unique, for avoiding any bugs.