These options affect all types of tweens, no matter the properties used or context.
.allTo()
and .allFromTo()
methods. This allows you to set a base delay in miliseconds that increases with each element in the collection. This has no effect on other methods and the default value is 0.repeat
option is set to 0, will produce no effect. The default value is 0.repeat
option with at least value 1. The default value is false.These options only affect animation involving any 3D property from CSS3 transform
and have no effect on other CSS properties. While you can set perspective
or perspective origin
via CSS, these options are here to help, especially with full browser support and preffix free handling.
perspective
for a given HTML element. No default value.perspectiveOrigin
for a given HTML. This option has no default value and only accepts valid CSS values according to it's specs.perspective
for the parent of the HTML element subject to the transform animation.perspectiveOrigin
for the parent of the HTML element subject to the transform animation. Also like the above similar options, this options only accepts valid CSS values.transformOrigin
for the HTML element subject to the transform animation. Also this options only accepts valid CSS values.The following options only affect animation of the path
tween property, to customize the SVG morph animation. See SVG Plugin page.
true
the script will log information about the morph in order to help you maximize/customize the morph.true
this option allows you to reverse the draw direction of the FIRST shape.true
this option allows you to reverse the draw direction of the SECOND shape.The only option for the plugin is the textChars option for the text property and allows you to set the characters set for the scrambling character during the animation. See Text Plugin page for more instructions and demo.
These options also affect all types of tweens, and are bound by the tween control options and the internal update functions.
A quick example would look like this:
//define a function
var callback = function(){
//do some foo
}
//create object and start animating already
KUTE.fromTo(div,{left:150},{left:0},{complete: callback}).start();
keepHex: true option allows you to always use HEX
color format, even if you have used RGB
or RGBA
. This option is useful when tweening color properties on legacy browsers, however modern browsers may ignore this option for performance reasons.