BlastJS Playground

by zargyle

HTML

<script src="http://julian.com/research/blast/build/jquery.blast.js"></script>
<script src="http://julian.com/research/velocity/build/velocity.js"></script>
<div>Let the words fall like a sweet summer rain!</div>

CSS

div > span {
    position: relative;
    top: 0;
}

JavaScript

function random(max, min) {
    return (Math.random() * (max - min) + min);
}

$(function() {
    $('div').blast({
        delimiter: 'letter'
    }).each(function(i) {
        $(this)
            .css({left: i*6 + 'px'})
            .velocity({left: 0, top: '200px'}, {
                duration: random(1500,500)
            })
    });
});