Although it is not a new topic, there is still some practicality.
Sometimes our page will need some fade in effect, such as pictures, and menus.
We can use a dynamic filter to add a small function.
1. Defining the CSS to fade into the object's CSS, the key is to set it into it.
.Div {
Visibility: hidden;
Filter: progid: DxImageTransform.microsoft.gradientwipe (duration = 0.5, gradientsize = 0.75, motion = forward);
}
2. JS function
Function Fadein (ODIV) {
ODIV.FILTERS [0] .Apply ();
ODIV.Style.visibility = "visible";
ODIV.FILTERS [0] .pe (0.4);
}
This function You can trigger or use other action calls on the page OnLoad event.
By replacing the filter in CSS, we can easily achieve various display effects. It is easy to set the transparency compared to settimeout, and the effect will be a lot.