Default Letter Loading Simulation (loop is set to true by default )
var letter = new LetterLoading('#main', {
loadspeed: 5
});
Twick LetterLoading to behave like typed js with even more swag, set cursorType
var letter3 = new LetterLoading('#main3', {
strings: [
"You're lovely... yes you are",
"This is an example string",
"tell me about what more animation you love",
"Lastly, Hey, if you're Bukunmi, I love you"
],
loadspeed: 2,
cursor: true,
simulate: "typed",
cursorType: "block"
});
Letterloading cursorType can be set to line, block or underscore. see line example
var letter6 = new LetterLoading('#main6', {
strings: [
"You're lovely... yes you are",
"This is an example string",
"tell me about what more animation you love",
"Lastly, Hey, if you're Bukunmi, I love you"
],
loadspeed: 2,
cursor: true,
simulate: "typed",
// cursorType is set to line
cursorType: "line"
});
Letter Loading Loop set to false
var letter2 = new LetterLoading('#main2', {
strings: [
"You're lovely... yes you are",
"This is an example string",
"tell me about what more animation you love",
"Lastly, Hey, if you're Bukunmi, I love you"
],
// set loop to false;
loop : false,
loadspeed: 5
});
You can make your char visible even
var letter4 = new LetterLoading('#main4', {
strings: [
"You're lovely... yes you are",
"This is an example string",
"tell me about what more animation you love",
"Lastly, Hey, if you're Bukunmi, I love you"
],
loadspeed: 3,
randomizeEl: false,
// this makes your char visible
hideChaar: false,
//...
char: "*",
});
Check out
var letter4 = new LetterLoading('#main5', {
strings: [
"Do this...",
"..with cautions",
],
loadspeed: 3,
// this makes your char visible
hideChaar: false,
//.replace character with whatever you find beautiful
char: " (* *) ",
});