Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Mimics the Mootools Fx.Tween behavior but tries to use native CSS3 transition if possible.
JavaScript Erlang
tag: 0.2

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
Demo
Source
README.md
css3-transition.png
license
package.yml

README.md

Fx.Tween.CSS3

Mimics the Fx.Tween behavior but tries to use native CSS3 transition if possible. Like the Fx.Tween effect, Fx.Tween.CSS3 is used to transition any CSS property from one value to another.

Screenshot

Demo:

You can see a simple online demo in this shell

Options, Events:

See: FX.Tween

Notes:

Only short notated transitions are supported as option.transition by Fx.Tween.CSS3. Like:

new Fx.Tween.CSS3('myElementID', {

    transition: 'sine:in'

});

How to use

window.addEvent('domready', function(){

    var fx = new Fx.Tween.CSS3('myElementID', {
        duration: 605,
        transition: 'quint:in:out'
    });

    fx.addEvent('complete', function(){
        alert('complete');
    });

    fx.start('height', 100, 300);

});

License

See license file.

Something went wrong with that request. Please try again.