evolutionTransform jQuery Plugin

Ben Tiedt — Tue, 19 Nov 2019 20:28:17 GMT

Current Revision posted to API Documentation by Ben Tiedt on 11/19/2019 20:28:17

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 offset
y: y offset
left: alias for x offset (not to be confused with the standard CSS left property)
top: alias for y offset (not to be confused with the standard CSS top property)
rotate: z rotation
rotateX: x rotation
rotateY: y rotation
scale: zoom scale
opacity: opacity
complete: function called when transition completes

Options

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.