Introduction

VisualFox-FX is an animation and visual effect library for Google Web Toolkit which leverages CSS3.

Demos

Fade*

Clip*

* You can test and change the speed of the animation by changing the last parameter in the t() function in the url.

VisualFox-FX

VisualFox-FX Wallpaper 01

VisualFox-FX Wallpaper 02

VisualFox-FXjs - run in javascript mode

Details

Main features: * Support both javascript and css3 style animation * Support hybrid mode (mixing javascript and css3 style animation) * Use the concept of channel which provide an extra layer of flexibility (daisy chain your animation) * Works directly with Element instead of Widget for additional flexibility * Should works in all browsers * The javascript and hybrid mode are based on the GWT's Animation class * Pre-built effects like fade in, fade out and reveal * Simple

Examples

``` FXFade.range(DOM.getElementById("fox")).animate(2000);

//with call back FXFade.range(DOM.getElementById("fox")).animate(2000).callback(new Command() { @Override public void execute() { System.out.println("Callback: effect ended"); } }); ```

Dependency

VisualFox-Core