Using ContainerEffect Transitions
/*margin and padding on body element
can introduce errors in determining
element position and are not recommended;
we turn them off as a foundation for YUI
CSS treatments. */
body {
margin:0;
padding:0;
}
Using ContainerEffect Transitions
The Container Family of controls, including Overlay and all of its subclasses (Panel, Tooltip, Dialog, SimpleDialog), can implement built-in transition effects using the effect property and the ContainerEffect object. This example demonstrates the fade and slide transitions provided with Container.
Use the buttons below to show and hide Overlays, noting their transition treatments as they appear and disappear.