Playit

CSS Property:

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

Result:

myDIV

CSS Code:

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

Click the property values above to see the result