CSS 애니메이션 빌더 - Free Online Tool | PivaBox

프리셋, 지속 시간, 지연, 이징을 조정하여 CSS 애니메이션을 시각적으로 제작

CSS 애니메이션 빌더 사용 방법

1. 드롭다운에서 애니메이션 프리셋을 선택합니다 — 페이드 인, 슬라이드 인, 바운스, 회전, 펄스, 쉐이크, 플립, 줌
2. 슬라이더와 드롭다운으로 지속 시간, 지연, 타이밍 함수, 반복 횟수, 방향을 조정합니다
3. 재생을 클릭하여 미리보기하고, 생성된 CSS 코드와 keyframes를 복사합니다

Frequently Asked Questions

CSS 애니메이션 빌더는 무료인가요?

네, PivaBox CSS 애니메이션 빌더는 완전 무료로 사용할 수 있습니다. 모든 처리는 브라우저에서 로컬로 실행됩니다.

디자인이 서버에 업로드되나요?

아니요. 모든 애니메이션 빌드 및 미리보기는 브라우저에서 완전히 실행됩니다. 디자인이 장치를 떠나지 않습니다.

어떤 CSS 애니메이션 속성이 지원되나요?

animation-name, animation-duration, animation-delay, animation-timing-function(cubic-bezier 포함), animation-iteration-count(무한 포함), animation-direction 등 모든 표준 CSS 애니메이션 속성을 지원합니다. 애니메이션 규칙과 완전한 keyframes 정의를 모두 생성합니다.