CSS 변환 변환 기준점 위치 변경

    2018-03-21 11:34:38 작성

    transform-origin

    transform-origin: x-axis y-axis z-axis|initial|inherit;

    변환된 요소의 x축, y축을 변경할 수 있습니다.
    3D 변환에서는 z축도 변경할 수 있습니다.

    설명
    x-axis left, center, right, length
    기본값 : 50%
    y-axis top, center, bottom, length
    기본값 : 50%
    z-axis length 이 값은 3D변환 일때 유효합니다.
    2D 기준점 변환 예제
    3D 기준점 변환 예제