Text Animation


let txt = new TxtAnime();
    txt.animate('element' , {
    effect : 'tx-an-1',
    loop : true,
    delay : 0.07
})

                        

let txt = new TxtAnime();
txt.animate('element' , {
    effect : 'tx-an-2',
    loop : true,
    delay : 0.07
})

                        

Animation

Animation


let txt = new TxtAnime();
txt.animate('element' , {
    effect : 'tx-an-3',
    loop : true,
    delay : 0.3,
    overflow : false
})

                        

let txt = new TxtAnime();
txt.animate('element' , {
    effect : 'tx-an-4',
    loop : true,
})

                        

Animation

Animation


let txt = new TxtAnime();
txt.animate('element' , {
    effect : 'tx-an-5',
    loop : true,
})

                        
    
let txt = new TxtAnime();
txt.animate('element' , {
    effect : 'tx-an-6',
    loop : true,
    delay : 0.1,
    overflow : false
})

                        

Animation

Animation


let txt = new TxtAnime();
txt.animate('element' , {
    effect : 'tx-an-7',
    loop : true,
})

                        

let txt = new TxtAnime();
txt.animate('element' , {
    effect : 'tx-an-8',
    loop : true,
})

                        

Animation

Animation


let txt = new TxtAnime();
txt.animate('element' , {
    effect : 'tx-an-9',
    loop : true,
})

                        

let txt = new TxtAnime();
txt.animate('element' , {
    effect : 'tx-an-10',
    duration : 2,
    loop : true,
    delay : 0,
})

                        

Animation


let txt = new TxtAnime();
txt.scale('element' , {
    effect : 'scale-1',
    text : ['Go' , 'To' , 'Site'],
})

                        

let txt = new TxtAnime();
txt.scale('element' , {
    effect : 'scale-2',
    text : ['Go' , 'To' , 'Site'],
})

                        

Animation


let txt = new TxtAnime();
txt.overlay('element' , {
    effect : 'overlay-1',
    overlayColor : '#d9b1a8',
    loop : true,
})

                        

let txt = new TxtAnime();
txt.overlay('element' , {
    effect : 'overlay-2',
    overlayColor : '#b8b5dd',
    loop : true,
})

                        

Animation

Animation


let txt = new TxtAnime();
txt.overlay('element' , {
    effect : 'overlay-3',
    overlayColor : '#FFC716',
    loop : true,
})

                        

let txt = new TxtAnime();
txt.typed('element' , {
    effect : 'typed-1',
    text : ['Try' , 'Free' , 'Typed'],
    loopTime : 2
})

                        

i'm


let txt = new TxtAnime();
txt.typed('element' , {
    effect : 'typed-2',
    text : ['web designer' , 'web developer'],
    loopTime : 2,
    typedSpeed : 0.01
})

                        

let txt = new TxtAnime();
txt.typed('element' , {
    effect : 'typed-3',
    text : ['developer' , 'freelancer'],
    loopTime : 1.5,
    typedSpeed : 0.5
})

                        

i'm