CSS matrix()方法
matrix()方法
CSS中transform属性的matrix()方法,可以将2D的多种变换元素的方法组合成为一个,可接收六个参数,设置元素的旋转、缩放、移动、倾斜等。
语法
transform:matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY())
matrix()方法实例代码,及在线编辑器
<div style='width:60px;height:60px;border:1px solid orange;margin-top:25%;margin-left:25%;' id='d2'></div>
<style>
#d2:hover{transform:matrix(3, 5, 0, 1, 2, 1);}
</style>