在matrix3d中使用视口单元

时间:2015-03-22 06:58:35

标签: html5 css3

有没有办法在matrix3d中使用视口单元?

matrix3d[1 0 0 0
         0 1 0 0
         0 0 1 0
         x y z 1]/*i want x and y in viewport units not px*/

ie:translate3d(80vw,90vh,1px)

1 个答案:

答案 0 :(得分:0)

根据mozilla文档,仅支持FF

  

3D图形的坐标定义变换的函数   矩阵()

     

matrix()CSS函数指定均匀的2D变换   矩阵由指定的六个值组成。常数值   这些矩阵是隐含的,不作为参数传递;另一个   参数以列主要顺序描述。

     

矩阵(a,b,c,d,tx,ty)是matrix3d(a,b,0,0,c,   d,0,0,0,0,1,0,tx,ty,0,1)。

     

注意:Gecko(Firefox)接受tx和ty的值。 WebKit的   (Safari,Chrome)和Opera目前支持无人机   tx和ty。

MDN transforms page