Section scripty2 fx
S2.FX.Morph is most often used, which allows transitions from one
set of CSS style rules to another.
- CSS morphing engine: morph from one set of style properties to another, including support for all CSS length types (px, em, %, cm, pt, etc.)
- Extensive transition system for animation easing and special effects (e.g. bouncing)
- On supported browsers, uses browser-native visual effects (CSS Transitions), fully automatically with no change to your code required
- Auto-adjusts to differences in computing and rendering speed (drops frames as necessary)
- Limits the number of attempted frame renders to conserve CPU in fast computers
- Flexible OOP-based implementation allows for easy extension and hacks
- Effect queuing to run an effect after other effects have finished
- Chaining and default options: easy-to-use syntax for most use cases
- Reusable effect instances can be used with more than one DOM element
- User-definable callback functions at any point in the effect lifecycle
- Effects are abortable (either as-is or abort-to-end)
Utility functions for CSS parsing, color normalization and tweening.
A collection of shortcut methods that are added to all DOM elements.
This is the main effects namespace.
Effect operators are reusable interpolation functions. Operators are used by
S2.FX.Elementand its subclasses.
Transitions can fine-tune how an effect evolves over time. All effects, without the use of transitions, normally evolve linearily.
This effect can change an object property or call a method with a numerical interpolation.
This is a skeleton base class which must be extended to be useful.
Operator for invoking CSS Transition-based CSS animations, bypassing the scripty2 effects engine and using browser native CSS transitions.
Base class for effects that change DOM elements. This is the base class for the most important effects implementation
S2.FX.Morph, but can be used as a base class for non-CSS based effects too.
The heartbeat class provides for effects timing. An instance of this class is automatically created when the first effect on a page is instantiated.
"Morph" DOM elements to a new set of CSS style rules, while optionally providing a new set of contents.
Effect to execute several other effects in parallel.
Effect queues manage the execution of effects in parallel or end-to-end over time.
Operator for scrolling the contents of an Element.
Effect for scrolling an elements' contents.
Effect to hide an element by animating its CSS
padding-bottomfrom their ordinary values to zero.
This effect is similiar to
S2.FX.Morphbut doesn't provide any of the more advanced functionality, like content morphing.
Operator for interpolating the CSS styles of an Element.