evolutionTransform jQuery Plugin

Ben Tiedt — Fri, 08 Mar 2024 17:51:42 GMT

Current Revision posted to API Documentation by Ben Tiedt on 03/08/2024 17:51:42

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.