How does css scale using the scale () method

Today, I would like to share with you how css uses the scale () method to zoom related knowledge points, the content is detailed, the logic is clear, I believe most people still know too much about this knowledge, so share this article for your reference, I hope you can get something after reading this article, let's take a look at it.

1. Zooming refers to zooming and zooming in. In CSS3, we can use the scale () method to scale the element according to the center point.

2. There are three ways to scale scale (), scaleX (x), scaleY (y), and scale (XMagol y).

(1) scaleX (x): elements are scaled horizontally only (X-axis scaling)

(2) scaleY (y): elements are scaled vertically only (Y-axis scaling)

(3) scale (xQuery): elements are scaled horizontally and vertically (X and Y axes are scaled simultaneously)

Example

Zoom on the element: img {transition: .2s;}. Img-wrapper:hover img {transform: scale (1.2);} scaleX () horizontal scaleY () vertical scale () above is all the content of the article "how css uses the scale () method to scale". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.