为了账号安全,请及时绑定邮箱和手机立即绑定

正在回答

1 回答

根据公式来直接代换,实现想要的效果:

在CSS3中的变形,如rotate(),skew(),scale(),translate(),都可以使用矩阵matrix()函数来代替。

Matrix()与translate()关系:translate(x,y)对应Matrix(1,0,0,1,x,y);

Matrix()与scale()关系:scale(x,y)对应Matrix(x,0,0,y,0,0);

Matrix()与rotate()关系:rotate(x)对应Matrix(cos(x),sin(x),-sin(x),cos(x),0,0)

Matrix()与skew()关系:skew(x,y)对应Matrix(1,tan(x),tan(y),1,0,0)

本例是用Matrix()来实现translate()向右、向下各移动100px,也就是Matrix(1,0,0,1,100px,100px).至于1,0,0,1表示的意思,可以不用深入探讨。如果想探究,可以看看上面的这几个公式。

6 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
十天精通CSS3
  • 参与学习       242699    人
  • 解答问题       2623    个

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

进入课程
意见反馈 帮助中心 APP下载
官方微信