translate()和transform: matrix()效果有区别吗?

来源:8-5 CSS3中的变形--矩阵 matrix()

逐梦凡

2015-07-22 17:32

translate()和transform: matrix()效果有区别吗?

写回答 关注

2回答

  • TheBigBangTheory
    2015-12-30 11:39:01

    冷月诗魂

    挺不错的

    2016-03-23 17:10:09

    共 1 条回复 >

  • 西风潇潇
    2015-11-21 11:20:35

    区别大了,在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)


十天精通CSS3

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

242554 学习 · 2623 问题

查看课程

相似问题