The interesting parts of jquery animation
are shown in the renderings:
Thoughts:
Set the image as the background image of the split div and control the attributes of the div to create interesting filter effects. In this example One is shown in , and interested friends can try the implementation of other filters.
The rest of the animation in this example is mainly implemented using animate and delay provided in jquery.
animate: The key to this function is to specify the animation form and result style attribute object. Each property in this object represents a style property that can be changed.
delay: Set a delay to delay the execution of subsequent items in the queue.
Example effect: