UTILS.
100% 브라우저 내 실행

CSS Transform 생성기

translate, rotate, scale, skew를 하나의 CSS transform으로 조합하고 실시간으로 미리보세요.

이 도구에 대하여

슬라이더를 드래그해 translate, rotate, scale, skewX를 조합하고 박스를 미리본 뒤 transform을 복사하세요. 모든 작업이 브라우저 안에서 이루어집니다.

자주 묻는 질문

함수는 어떤 순서로 적용되나요?
출력에 표시된 순서와 동일하게 translate, rotate, scale, skewX 순으로 적용됩니다.
scale은 왜 백분율 슬라이더인가요?
슬라이더는 0~200% 범위로 동작하며 소수 배율로 변환되므로, 100%는 scale(1)을 의미합니다.

더 많은 도구