UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Hover Fader Text Shadow Animation

This example shows how the Uize.Fx.xShadows module can be used along with the Uize.Widget.HoverFader class to produce stunning menu animation effects that include text shadow animation (seen in the menu to the left). A list of links in the "PRESETS" tab lets you preview effect presets. Choose a preset from this menu and you will see a simulation of the effect. Then move your mouse over the menu items to interact with the effect. To fool around with the settings for a preset, switch over to the "PARAMS" tab to tweak values and click the "PREVIEW TEXT SHADOW ANIMATION" button to preview changes. NOTE: The CSS3 text-shadow property is not supported in all browsers.