CSS Transform的scale和skex 属性
2019-02-23 本文已影响0人
ER_PM
- transform里面的scale属性,可以用来改变元素的显示比例:
div {
transform:scale(2);
}
把div元素放大到原始大小的2倍。
-
transform里面的skex属性,可以让元素沿x轴(水平)或y轴(垂直)进行扭曲:
水平扭曲前
skewX:
div {
transform: skewX(24deg);
}
![](https://img.haomeiwen.com/i7343992/4ca9c2c1a11278ae.png)
skewY:
![](https://img.haomeiwen.com/i7343992/c5c7e45cc9891313.png)
div {
transform: skewY(-10deg);
}
![](https://img.haomeiwen.com/i7343992/13893c6d0cb6d54e.png)