티스토리 뷰

CSS

[CSS] transform-origin

transform-origin

transform-origin 속성은 요소의 움직임 방향을 정의합니다.


transform-origin

transform-origin 요소의 움직임 방향을 정의합니다.

정의(Definition)

  • transform-origin 속성은 요소의 움직임 방향을 정의합니다.

문법(Syntax)

transform-origin : x-axis | y-axis | z-axis

속성(Property)

속성값 설명
x-axis transform X축 방향을 설정합니다.
- left
- center
- right
- length
- %
y-axis transform Y축 방향을 설정합니다.
- left
- center
- right
- length
- %
z-axis transform Z축 방향을 설정합니다.
- left
- center
- right
- length
- %

호환성(Compatibility) 더보기

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
transform-origin 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

태그(Tag) 더보기

질문하기(Questions)
댓글쓰기 폼