jQuery add on for letter drop effect shown here http://codepen.io/KryptoniteDove/pen/gipuw
JavaScript CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
README.md
jquery.letter-drop.js
jquery.letter-drop.min.js
letter-drop.css
letter-drop.jquery.json

README.md

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.

Features

  • 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)

Dependancies

  1. jQuery 2.x or higher (untested on lower versions but should work)
  2. letter_drop.css (bundled)

Usage

$( 'selector' ).letterDrop();

Demo

http://codepen.io/KryptoniteDove/pen/gipuw