CSS : transform 2D 변형효과

.box{

/* 이동 */
transform : translate(x,y);
transform : translateX(x);
transform : translateY(y);
/* 크기, 단위는 배수로만 가능 */
transform : scale(x,y);
transform : scaleX(x);
transform : scaleY(y);
/* 회전 ex) 180deg */
transform : rotate(degree);
/*기울임 ex) 10deg  */
transform : skew(x-deg, y-deg);
transform : skewX(x-deg);
transform : skewY(y-deg);
/* 2차원 변환 효과 */
transform : matrix(n, n, n, n, n, n)
}