3D transform

First box value : transform: translate3d(-5px, -5px, -60px) rotateY(70deg);

strong>Second Box value : transform: translate3d(15px, 15px, 60px) rotateY(70deg);

First box

Second Box

Mouseover or Tab here to animate

scale3d

First box value : transform: scale3d(1, 1, 1) rotateY(70deg);

Second Box value : transform: scale3d(0.6, 0.6, 2) rotateY(70deg);

First box

Second Box

Mouseover or Tab here to animate

rotate3d

First box value : transform: rotate3d(-1, -1, -1, 110deg);

Second Box value : transform: rotate3d(1, 1, 1, 110deg);

First box

Box

Mouseover or Tab here to animate

matrix3d

First box value : transform: matrix3d(0.3, 0.2, -0.9, 0, 0.2, 0.8, 0.2, 0, 0.6, 0, 0.4, 0, 0, 0, 0, 1);

Second Box value : transform: matrix3d(0.4, -0.5, 0.8, 0, 0.2, 0.8, 0.2, 0, -0.6, 0, 0.4, 0, 0, 0, 0, 1);

First box

Second Box

Mouseover or Tab here to animate