How to zoom in and zoom out an animation with CSS + jQuery _ jquery

There are many ways to zoom in and zoom out the animation effect. The following is a good example, which is implemented using CSS + jQuery. If you are interested, you can understand that you have helped your friends write some code today, I felt like I was a little satisfied after several versions, So I posted them.

All of them are dead. Because the requirement only has four elements. If you want to use the CSS class for processing, you need to use the CSS3 animation.

Function: click the button on the top of the page to switch between pages. You can also click the page at the bottom of the page to switch between the shrinking and expanding statuses.

Initial effect Preview

The Code is as follows:

CSS + jQuery animation effect