jQuery.fn.evolutionTransform
This plugin performs a CSS-based transforms and transitions on an element, optionally with animation. Uses GPU acceleration where available. Falls back to immediately-applied CSS when not available.
Usage
Transforms an element
$('selector').evolutionTransform(settings, options);
Settings
Settings is an object of CSS keys and values which are transitioned on the element. The following specific keys are applied as CSS transformations:
x
: x offsety
: y offsetleft
: alias for x offset (not to be confused with the standard CSSleft
property)top
: alias for y offset (not to be confused with the standard CSStop
property)rotate
: z rotationrotateX
: x rotationrotateY
: y rotationscale
: zoom scaleopacity
: opacitycomplete
: function called when transition completes
Options
duration
: CSS animation duration, default 0easing
: CSS animation easing, default 'linear'
Enabling or Disabling Animation
CSS animation can be globally disabled or enabled through:
$.fn.evolutionTransform.animationEnabled = false|true
When disabled, duration and easing options are ignored.