JQuery controls the DIV layer to realize the effects of changes from large to small, from far away and near to animation

This article mainly introduces how jQuery controls the DIV layer implementation from large to small, from far away and near animated changes. it involves some techniques related to jQuery's operations on page elements to achieve animation gradient effects based on the animate method, for more information about how jQuery controls the DIV layer, see the example below. Share it with you for your reference. The details are as follows:

Here is a small example of how jQuery controls the effect of DIV changes from large to small, from far away and near to the animation. I hope you will like it.

The running effect is as follows:

The code is as follows:

 The Panel controls the Div movement from large to small.