1. 01상단에서 둥근 모서리, clip-path, cubic-bezier, 로딩 애니메이션 탭 중 하나를 선택합니다.
2. 02둥근 모서리 탭에서 "네 모서리"와 8값 타원 모드를 오가며 각 모서리의 가로/세로 비율을 조정하거나 프리셋을 적용합니다.
3. 03clip-path 탭에서는 다각형 꼭짓점을 끌고, 더블클릭으로 지우고 버튼으로 추가합니다. Bezier 탭에서는 제어점 두 개를 끌며 애니메이션과 linear 결과를 비교합니다.
4. 04로더 탭에서 기본 색을 고르고 12종 애니메이션 중 원하는 HTML + CSS를 그대로 복사합니다.

• 둥근 모서리의 가로/세로 반지름은 각각 0–100%이고 원, 잎, 물방울, 꽃잎 등 프리셋 8개를 제공합니다. "랜덤 도형"은 공용 Web Crypto 모듈이 아니라 Math.random()을 씁니다.
• clip-path에는 삼각형, 마름모, 오각형부터 팔각형, 오각별, 화살표, 십자, 말풍선, 사다리꼴 등 프리셋 12개가 있습니다. 꼭짓점은 최소 3개를 남기며, 새 꼭짓점은 현재 가장 긴 변의 중점에 들어갑니다.
• cubic-bezier의 x 제어값 두 개는 0–1로 강제되고 y는 -0.5–1.5까지 허용되어 예비 동작과 바운스를 표현합니다. 애니메이션 미리보기는 0.3–3초이고 코드 예시는 600ms 전환으로 고정됩니다.
• 로더는 고리, 이중 호, 점 세 개, 세로 막대, 펄스, 파문, 궤도, 3×3 격자, 진행 막대, 뒤집기 등을 포함해 모두 12종이며, 복사 결과에 HTML과 CSS가 함께 들어갑니다.
• 하지 않는 일: 사용자가 임의로 넣은 CSS를 실행하지 않고, 완전한 비주얼 레이아웃 편집기를 제공하지도 않으며, 프로젝트 파일을 자동으로 저장하지도 않습니다.

CSS 매개변수, 미리보기, 복사 결과는 모두 브라우저의 현재 페이지에서만 만들어지고 업로드되지 않으며, 원격 코드를 실행하지도 않습니다.