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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.