当前位置: 首页 > Web前端 > CSS

如何优雅的使用css3(matrix)的matrix变换matrix

时间:2023-03-31 02:03:08 CSS

*{边距:0;填充:0;}.box{背景:绿色;宽度:200px;高度:200px;margin:50pxauto;}/*理解rotation前四个参数如何使用*/.b1{transform:rotate(30deg);}/*Matrix具体写法*/.b2{transform:matrix(0.86603,0.5,-0.5,0.86603,1,1);}/*使用斜切和变形来模拟,这里的参数是对应矩阵中的参数。斜切中的30deg表示矩阵*/.b3中sin30*和-sin30*这两个倾斜参数{transform:skew(-30deg,30deg)scale(0.86603,0.86603);}