transform_matrix 属性测试 | W3Schools 在线编辑器

CSS 属性:

transform:

matrix(0.866,0.5,-0.5,0.866,0,0)

matrix(0.866,0.5,-0.6,0.866,0,0)

matrix(0.866,0.5,-0.7,0.866,0,0)

matrix(0.866,0.5,-0.8,0.866,0,0)

matrix(0.866,0.6,-0.8,0.866,0,0)

matrix(0.866,0.7,-0.8,0.866,0,0)

matrix(0.866,0.8,-0.8,0.866,0,0)

matrix(0.786,0.8,-0.8,0.866,0,0)

matrix(0.686,0.8,-0.8,0.866,0,0)

matrix(0.586,0.8,-0.8,0.866,0,0)

matrix(0.586,0.8,-0.8,0.786,0,0)

matrix(0.586,0.8,-0.8,0.686,0,0)

matrix(0.586,0.8,-0.8,0.586,0,0)

matrix(0.586,0.8,-0.8,0.586,10,0)

matrix(0.586,0.8,-0.8,0.586,20,0)

matrix(0.586,0.8,-0.8,0.586,30,0)

matrix(0.586,0.8,-0.8,0.586,40,0)

matrix(0.586,0.8,-0.8,0.586,40,10)

matrix(0.586,0.8,-0.8,0.586,40,20)

matrix(0.586,0.8,-0.8,0.586,40,30)

matrix(0.586,0.8,-0.8,0.586,40,40)

none

结果:

myDIV

CSS 代码:

#myDIV {
  background-color:lightblue;
  transform:matrix(0.866,0.5,-0.5,0.866,0,0);
}

单击上面的属性值可查看结果

cainiaomax.com - 测试工具