Each effect is highly configurable. Here is a general list of the options available in each effect:
Just click each box to play its animation!
rows: 1
columns: 10
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nibh. Maecenas metus nisi, tempus sed.
random: 0.25
reverseOrder: true
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nibh. Maecenas metus nisi, tempus sed.
distance: 1
crop: true
fade: false
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nibh. Maecenas metus nisi, tempus sed.
random: 0.5
distance: 2.5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nibh. Maecenas metus nisi, tempus sed.
rows: 2
columns: 2
distance: 0.75
fade: false
crop: true
(custom easing)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nibh. Maecenas metus nisi, tempus sed.
rows: 5
columns: 5
distance: 1.5
duration: 1500
random: 0.75
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nibh. Maecenas metus nisi, tempus sed.
interval: 50
distance: 0.95
rows: 10
columns: 1
fade: false
crop: true
reverseOrder: true
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nibh. Maecenas metus nisi, tempus sed.
random: 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nibh. Maecenas metus nisi, tempus sed.
fade: false
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nibh. Maecenas metus nisi, tempus sed.
random: 1
rows: 5
columns: 5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nibh. Maecenas metus nisi, tempus sed.