今天小编给大家分享一下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)双方向