CSS3 키프레임 애니메이션 생성기
마우스를 올려보세요
애니메이션 프리셋
애니메이션 이름由动画预设自动生成，用于关联 @keyframes 与 animation
시간 s
반복 횟수
CSS 출력
CSS3 키프레임 애니메이션 생성기
@keyframes + animation 코드를 생성합니다. 프리셋을 바꾸면 바로 미리보고 CSS를 복사할 수 있습니다.
- 20개 프리셋: bounce, rotate, pulse, slide, shake, fadeIn, swing, flash, zoom, heartbeat, flip, wobble 등
- 지속시간·반복 횟수(1 / 2 / 3 / infinite) 조절
- 애니메이션 이름이 프리셋에 맞춰 자동 동기화
- 실시간 미리보기와 원클릭 CSS 복사