jQuery add on for letter drop effect shown here http://codepen.io/KryptoniteDove/pen/gipuw
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
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