【说站】css如何使用scale()方法进行缩放

2022-11-24 15:01:32 浏览数 (1)

css如何使用scale()方法进行缩放

1、缩放是指缩放和放大。在CSS3中,我们可以使用scale()方法根据中心点缩放元素。

2、三种方法可以缩放scale(),scaleX(x)、scaleY(y)、scale(x,y)。

(1)scaleX(x):元素仅水平缩放(X轴缩放);

(2)scaleY(y):元素仅垂直缩放(Y轴缩放);

(3)scale(x,y):元素水平方向和垂直方向同时缩放(X轴和Y轴同时缩放);

实例

代码语言:javascript复制
对元素进行缩放:
img{
        transition: .2s;}
    .img-wrapper:hover img{
        transform: scale(1.2);
    }
      scaleX()水平方向
      scaleY()垂直方向
      scale()双方向

以上就是css使用scale()方法进行缩放的方法,希望对大家有所帮助。

css

0 人点赞