Use dynamic filters to achieve fade in effect

xiaoxiao2021-03-06  73

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.

转载请注明原文地址:https://www.9cbs.com/read-94748.html

New Post(0)