在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。

语法：

transform: scaleX(x);         /*沿X轴方向缩放*/

transform: scaleY(y);         /*沿Y轴方向缩放*/

transform: scale(x, y);        /*沿X轴和Y轴同时缩放*/

说明：

跟translate()方法类似，缩放也有3种情况：scaleX()、scaleY()、scale()。参数x表示元素在x轴方向的缩放倍数，参数y表示元素在y轴方向的缩放倍数。

当x或y取值为0~1之间时，元素进行缩小；当x或y取值大于1时，元素进行放大。

赏 支付宝打赏 微信打赏

如果文章对你有帮助，欢迎点击上方按钮打赏作者

版权声明：若无特殊注明，本文皆为( FFan )原创，转载请保留文章出处。