skew

transform: skew(30deg, 30deg);

transform: skew(30deg, 30deg);

transform: skewX(30deg);

transform: skewX(30deg);

transform: skewY(30deg);

transform: skewY(30deg);

scale

transform: scale(2.0, 2.0);

transform: scale(2.0, 2.0);

transform: scaleX(2.0);

transform: scaleX(2.0);

transform: scaleY(2.0);

transform: scaleY(2.0);

transform: scaleZ(2.0);

transform: scaleZ(2.0);

transform: scale3d(2.0, 2.0, 2.0);

transform: scale3d(2.0, 2.0, 2.0);

rotate

transform: rotate(70deg);

transform: rotate(70deg);

transform: rotateX(70deg);

transform: rotateX(70deg);

transform: rotateY(70deg);

transform: rotateY(70deg);

transform: rotateZ(70deg);

transform: rotateZ(70deg);

transform: rotate3d(0, 1, 0, 70deg);

transform: rotate3d(70deg, 70deg, 70deg);

translate

transform: translate(30px, 30px);

transform: translate(30px, 30px);

transform: translateX(30px);

transform: translateX(30px);

transform: translateY(30px);

transform: translateY(30px);

transform: translateZ(30px);

transform: translateZ(30px);

transform: translate3d(30px, 30px, 30px);

transform: translate3d(30px, 30px, 30px);

perspective

top
right
bottom
left
front
back

matrix

transform: matrix(0, -1, 1, 0, 50, 50)

transform: matrix(0, -1, 1, 0, 50, 50);

matrixを利用した円周アニメーション