CSS 변환 발전기

Compose CSS는 슬라이더로 변환 — 번역, 스케일, 회전, skew 및 전체 3D — 변환 속성을 복사합니다.

How to use CSS Transform Generator

1. 2D 슬라이더를 번역, 스케일, 회전 및 skew를 조정합니다.
2. 피벗 포인트를 변경하기 위해 변형 origin을 선택합니다.
3. RotX/Y/Z, translationZ 및 부모 관점을 설정하는 3D 섹션을 엽니다.
4. 변환 선언을 잡아 복사 CSS를 클릭합니다.

CSS 변환 생성기은 무엇입니까?

FAQ

왜 변환 기능의 순서는 중요합니까?

CSS는 변환 함수가 오른쪽으로 남아 있으므로 회전한 다음 번역을 통해 다른 결과를 제공합니다. 발전기는 일관된 순서로 그(것)들을 출력합니다; 특정한 순서가 필요로 하는 경우에 CSS를 조정하십시오.

왜 부모의 관점과 상자가 아닌가요?

3D 교체를 위해 정확한, 시각은 보통 부모 (변환된 상자를 포함하는 성분)에 놓입니다. 이 도구는 미리보기 단계에 적용하고 생성 된 CSS 댓글에 메모합니다.

Related tools

• CSS Filter Generator
• Keyframes Animation Generator
• Cubic Bezier Generator
• Box Shadow Generator