Get new jQuery plugins just once a week
August 26, 2014
Letter Drop | jQuery add on for an awesome letter drop effect.
About Letter Drop (jQuery)
Letter Drop is a jQuery plugin for a CSS based rain like animation effect for typography. The plugin takes the text string within the defined element as input & splits each letter out adding a random time delay to each character from 1.0 to 1.9 secondss before dropping & rotating the letters down like droplets of rain. Just like rain, it's different every time.
- Lightweight - weighing in at 1.25kb (uncompressed), 603 bytes (minified) & 375 bytes (gzipped)
- Unobtrusive - if letter drop conflicts with any of your existing code or plugins I will personally buy you a beer!
- Chains - compliments core & UI jQuery functions when writing in a chain e.g... .show().letterDrop().fadeOut(6000)
- Configurable - Letter Drop's custom rain animation can be fully manipulated, altered or replaced completely in the letter_drop.css file (bundled)
- jQuery 2.x or higher (untested on lower versions but should work)
- letter_drop.css (bundled)
$( 'selector' ).letterDrop();
Created by KryptoniteDove
Sign up for our weekly newsletter.