Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A jQuery plugin to randomize the display of objects in a grid
CSS JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
champagne
.gitignore
Gruntfile.js
README.md
demo.css
index.html
package.json

README.md

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

Something went wrong with that request. Please try again.