the compact javascript framework
in partnership with mediatemple
Contains Fx.Styles
MIT-style license.
Fx. Styles.js | Contains Fx.Styles |
Fx. Styles | Allows you to animate multiple css properties at once; Colors must be in hex format. |
Properties | |
start | Executes a transition for any number of css properties in tandem. |
Element | Custom class to allow all of its methods to be used with any DOM element via the dollar function $. |
Properties | |
effects | Applies an Fx.Styles to the Element; This a shortcut for Fx.Styles. |
Allows you to animate multiple css properties at once; Colors must be in hex format. Inherits methods, properties, options and events from Fx.Base.
el | the $(element) to apply the styles transition to |
options | the fx options (see: Fx.Base) |
var myEffects = new Fx.Styles('myElement', {duration: 1000, transition: Fx.Transitions.linear}); //height from 10 to 100 and width from 900 to 300 myEffects.start({ 'height': [10, 100], 'width': [900, 300] }); //or height from current height to 100 and width from current width to 300 myEffects.start({ 'height': 100, 'width': 300 });
Properties | |
start | Executes a transition for any number of css properties in tandem. |
Executes a transition for any number of css properties in tandem.
obj | an object containing keys that specify css properties to alter and values that specify either the from/to values (as an array) or just the end value (an integer). |
see Fx.Styles
Custom class to allow all of its methods to be used with any DOM element via the dollar function $.
Properties | |
effects | Applies an Fx.Styles to the Element; This a shortcut for Fx.Styles. |
returns the element passed in with all the Element prototypes applied.
Documentation by Aaron Newton & Mootools Developers, generated by NaturalDocs and GeSHi