在CSS3的尺度缩放变换
本文主要介绍了规模放大CSS3的变换使用,需要的朋友可以参考一下。现在我们从3个方面开始介绍:
1,缩放(x,y)缩放元素
X说| Y放大垂直方向的水平缩放倍数
y是一个可选参数,没有设置为x,y的两个方向的缩放倍数是相同的,并以x为标准。
变换:规模(2,2.5);
2、()元的scaleX只有尺度在X轴上的元素(水平方向)。
默认值为1,基本点位于元素的中心。
变换:scaleX(2);
3,称为()元的唯一尺度的元素在Y轴(垂直方向)。
基点位于元素的中心,基点可以通过变换原点来改变。
变换:称(2);
最后,让我们看看兼容性写作:
复制代码代码如下所示:
测试{。
-moz变换:规模(2,2);
WebKit的变换:规模(2,2);
- o-transform:规模(2,2);
背景:URL(IMG / i.png)不重复;
宽度:198px;
身高:133px;
}