UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Fade CSS Style Across Nodes

This example shows how the Uize.Fx.fadeStyleAcrossNodes method of the Uize.Fx module can be used to apply interesting color gradient effects to the items in a navigation menu (shown to the left), from the tasteful to the outlandish. There is no animation in this example - instead, the style fade is occurring across a series of nodes. A list of links in the "PRESETS" tab lets you select / preview effect presets. To fool around with the settings for a preset, switch over to the "PARAMS" tab to tweak values and then click the "PREVIEW CSS STYLE FADE" button to preview changes. NOTE: A number of the presets utilize the CSS3 text-shadow property, and this style property is not supported in all browsers.