GWT-MooTools as you probably guessed is little wrapper around
MooTools Fx.Tween and
Fx.Morph classes.
Works great but lacks some features currently.
Few examples
Fx.Morph to CSS selector:
MorphFx fx = Moo.morph(base).
duration(1000).
unit("px").
link("cancel").
transition("sine:in:out").
build();
fx.start(".feedback.visible");
Fx.Morph using properties:
MorphFx fx = Moo.morph(box).duration(1000).build();
fx.start().
attr("width", 700).
attr("height", 100).
attr("font-size", 80).
attr("background-color", "#ddd").
build();
Fx.Tween with property:
TweenPropFx fx = Moo.tween(label, "color").duration(600).build();
fx.start("#999", "#444");
Fx.Tween:
TweenFx fx = Moo.tween(box).duration(1000).link("chain").transition("sine:in:out").build();
fx.start("width", 300);
fx.start("background-color", "#ddd");
fx.start("color", "#000");
fx.start("background-color", "#000");
fx.start("color", "#fff");
fx.start("width", 150);
Download
Installation
- Put gwt-mootools-client-1.0-SNAPSHOT.jar in WEB-INF/lib
- Add
<inherits name="com.ampatspell.mootools.MooTools"/> to your gwt.xml