UTILS.
기본부터 지키는 개인정보
⤢

CSS Transform 생성기

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

파일은 이 기기에만 남습니다

파일은 브라우저에서 처리되며 업로드되지 않습니다. 사이트는 도구 실행에 필요한 코드와 리소스를 다운로드합니다. 계정이나 추적은 없습니다.

다운로드를 눌러 이 도구를 하나의 HTML 파일로 저장하고 오프라인으로 사용하세요.

개인정보 →

이 도구에 대하여

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

자주 묻는 질문

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

더 많은 도구