emile.js is a no-frills stand-alone CSS animation JavaScript framework, named after Émile Cohl, early animator.
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples adding some mobile usage examples for testing May 5, 2010
test provide a explicit after cb argument for XUI May 12, 2010
.gitignore
MIT-LICENSE
README.md provide a explicit after cb argument for XUI May 12, 2010
emile.js provide a explicit after cb argument for XUI May 12, 2010
emile.min.js slight reorg Dec 1, 2009
index.html
test.js provide a explicit after cb argument for XUI May 12, 2010

README.md

Émile

Stand-alone CSS animation JavaScript mini-framework

  • Doesn't need a JavaScript framework
  • Full set of CSS properties for animation (length-based and colors)
  • Easing and callbacks
  • Less than 50 lines of code

Get updates on Twitter: http://twitter.com/emilejs

Also see the video of my presentation at Fronteers 2009: http://fronteers.nl/congres/2009/sessions/roll-your-own-effects-framework

Targeted platforms

Émile currently targets the following platforms:

  • Microsoft Internet Explorer for Windows, version 6.0 and higher
  • Mozilla Firefox 1.5 and higher
  • Apple Safari 2.0.4 and higher
  • Opera 9.25 and higher
  • Chrome 1.0 and higher

Documentation

One method:

emile(element, style, options, after)

Parameters

  • element (id | element) - element to which the animation will be applied
  • style (String) - style which will be applied after the animation is finished
    • for some properties you'll need to define defaults on your page's css
  • options (Object) - optional; the following options are available
    • duration (Number) - duration of the animation in milliseconds
    • after (Function) - a function which will be executed after the animation is finished
    • easing (Function) - easing function for the animation. Receives one argument pos which indicates position in time between animation's start and end
  • after (Function) - optional; a callback that will be excuted after everything is done (in addition to options.after)

License

Émile is is licensed under the terms of the MIT License, see the included MIT-LICENSE file. Émile borrows its name from http://en.wikipedia.org/wiki/Émile_Cohl.