css translate,rotate,scale 은 항상 순서가 고정입니다.

수평선1203

· 10개월 전 · 조회 576 576

항상 이동->회전->확대  순서입니다.
[code]
.box1 {
  translate: 100px 50px;
  rotate: 45deg;
  scale: 1.2;
}
[/code]

다음처럼 순서를 바꿔도 항상 이동->회전->확대  순서입니다.

[code]
.box1 {
  rotate: 45deg;
  translate: 100px 50px;
  scale: 1.2;
}
[/code]

CSS 설계 원칙: 개별 속성은 선언 순서와 무관하게 translate → rotate → scale 순서로 적용되도록 규정됨 (CSS Transforms Level 2 명세).

왜 순서가 중요하냐면 회전(rotate) 후 이동(translate) vs 이동(translate) 후 회전(rotate)
좌표계가 변환되기 때문에 결과가 완전히 달라집니다!

순서를 변경하려면 `transform 을 사용하세요.`

[code]

.box1 {
  transform: translate(100px, 50px) rotate(45deg) scale(1.2);
}

[/code]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5156	PHP	제로보드의 메모왔어요의 기법을 다르게 구현하면?	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	975
5155	JavaScript	시계 스크립트 그런데 페이지 뜨는건 느린게 문제네...	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	865
5154	PHP	php 업로드 소스 [4]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1776
5153	웹서버	리눅스 압축풀기 방법 lzip 제외. 일반적 쓰는	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	820
5152	PHP	fopen의 꼼수? 흉내내기. [1]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1004
5151	PHP	happyl 페이징 다시 뜯어 no bug [ 보강 ]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	861
5150	node.js	간단한 채팅	tmp 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1294
5149	OS	서버호스팅[ubuntu] 에 php-fpm , php5.x를 깔아야할때	지구버스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1528
5148	웹서버	라라벨 설치시 404 오류가 나오는 경우	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	926
5147	PHP	ChatGPT API 예제 [30]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	6909
5146	JavaScript	두가지 형태의 페이지 로딩 [ 로딩중, 로딩 프로그레스바 ] [2]	예뜨락 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1710
5145	PHP	영카트 쇼핑몰 구축과 관련해서 과외해 주실 분 있을까요? [2]	아노라니 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	937
5144	PHP	두 날짜 사이의 날 수 구하기 [2]	우러러 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1419
5143	JavaScript	관계에 따른 메뉴 구성방안 [1]	개노미 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	823
5142	PHP	valcmp() 함수 - 지정 범위에 값이 있는지 여부 체크 사용자정의함수	sinbi 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	915
5141	웹서버	소프트링크(심볼릭링크) 잘못 삭제했다가 영업중인 쇼핑몰 관리자 날린 이야기 [11]	본연 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2416
5140	기타	웹방화벽 캐슬 아이피 차단 안먹힐때 [1]	경천76 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1561
5139	JavaScript	엘레먼트 요소에서 data 를 이벤트 핸들러로 사용하기 [4]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1204
5138	PHP	foreach()에서 next() 사용하기 [3]	엑스엠엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1515
5137	MySQL	interval에 쓸 수 있는 값 [3]	엑스엠엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1701
5136	PHP	탈퇴합니다. [6]	메리7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2004
5135	PHP	영카트 주소검색부분 에러문제 해결법 [10]	카깡 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1949
5134	JavaScript	회원가입 [2]	오토소프트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1103
5133	PHP	자주 쓰는 제어문 대체 문법 정리해서 올립니다!	코드오타쿠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1136
5132	웹서버	CentOS 7 에서 MariaDB 5.5에서 10.5 업그레이드시 레포지트리 에러발생시 [1]	하늘뚱 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1299
5131	OS	리눅스 Linux Public Key 추가 명령어 [5]	HLAB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1932
5130	OS	리눅스 Linux df 사용법 [1]	HLAB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1414
5129	OS	리눅스 Linux du 사용법 [1]	HLAB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1799
5128	OS	리눅스 Linux md5, sha1 해시값 확인하기 [1]	HLAB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1810
5127	OS	리눅스 Linux tmux 주요 명령어	HLAB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	926