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.
Transforms an element
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 offset
y: y offset
left: alias for x offset (not to be confused with the standard CSS
top: alias for y offset (not to be confused with the standard CSS
rotate: z rotation
rotateX: x rotation
rotateY: y rotation
scale: zoom scale
complete: function called when transition completes
duration: CSS animation duration, default 0
easing: 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.