Skip to content

madrobby/emile

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

É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.

About

emile.js is a no-frills stand-alone CSS animation JavaScript framework, named after Émile Cohl, early animator.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published