Skip to content

freshtilledsoil/champagne

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A jQuery plugin to randomize the display of objects in a grid

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published