css怎么使用scale方法进行缩放

今天小编给大家分享一下css怎么使用scale)方法进行缩放的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

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

2、三种方法可以缩放scale),scaleXx)、scaleYy)、scalex,y)。

1)scaleXx):元素仅水平缩放X轴缩放);

2)scaleYy):元素仅垂直缩放Y轴缩放);

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

实例

对元素进行缩放:
img{
        transition: .2s;}
    .img-wrapper:hover img{
        transform: scale1.2);
    }
      scaleX)水平方向
      scaleY)垂直方向
      scale)双方向

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注