Champagne.js

Version 0.1.0

Change Log

• 07.14.13 Add effect option
• 04.24.13 Cache $el, add Grunt

Usage

1. Style grid layout with CSS
2. Include latest jQuery and jquery.champagne.js
3. Initialize champagne() on parent element

Options

• beginningDelay: integer (default: 300), delay before animation starts
• childrenSelector: string (default: undefined), choose the selector of the children to fade in
• delayBetween: integer (default: 50), delay between each element's animation
• duration: integer (default: 500), duration of each element's animation
• effect: string (default: 'fadeIn'), 'fadeIn', 'slideDown' or 'addClass' (adds class .visible)

Callbacks

• onFinish: called once all elements are faded in

Future Considerations

• Add Less Grunt task
• CSS3 only animations
• Use of other transitions

Contributions

• Thanks @pdud for adding effects

Copyright (c) 2012 Fresh Tilled Soil

MIT License, http://www.opensource.org/licenses/mit-license.php