北京沣登科技发展公司

css3缩放中心点,css缩放中心点怎么设置

大家好,今天小编关注到一个比较意思的话题,就是关于css3缩放中心点问题,于是小编就整理了1个相关介绍css3缩放中心点的解答,让我们一起看看吧。

  1. css scale用法?

CSS scale用法?

scale是指缩放和放大

在CSS3中,我们可以使用scale()方法根据中心点缩放元素

css3缩放中心点,css缩放中心点怎么设置div>
图片来源网络,侵删)

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

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

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

css3缩放中心点,css缩放中心点怎么设置
(图片来源网络,侵删)

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

实例

对元素进行缩放:

css3缩放中心点,css缩放中心点怎么设置
(图片来源网络,侵删)

img{

到此,以上就是小编对于css3缩放中心点的问题就介绍到这了,希望介绍关于css3缩放中心点的1点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/66139.html

分享:
扫描分享到社交APP