jQuery Text Roll Plugin Examples

$(".textroll").textroll({
    isMotionUp: true,
    easing: 'easeOutBounce'
});

Options

speed

speed

Integer

600

Animation speed.

Demo 1

$(".textroll").textroll({
    speed: 200
});

Demo 2

$(".textroll").textroll({
    speed: 1000
});

delay

delay

Integer

1000

Delay till next animation.

Demo 1

$(".textroll").textroll({
    speed: 800,
    delay: 200
});

Demo 2

$(".textroll").textroll({
    delay: 2000
});

isMotionUp

speed

Boolean

true

Is animation up to down or apposite.

Demo 1

$(".textroll").textroll({
    isMotionUp: true
});

Demo 2

$(".textroll").textroll({
    isMotionUp: false
});

easing

speed

String

linear

If you have included jQuery easing plugin then you can choose the easing type.

Demo 1

$(".textroll").textroll({
    easing: 'easeInOutCirc'
    speed: 700,
    delay: 400
});

Demo 2

$(".textroll").textroll({
    easing: 'easeOutBounce'
    speed: 700,
    delay: 400
});

Demo 3

$(".textroll").textroll({
    easing: 'easeOutElastic',
    speed: 900,
    delay: 500
});