QR 코드 생성기

이 도구에 대해

코드 한 줄도 작성하지 않고 CSS 애니메이션을 디자인하세요. 페이드, 슬라이드, 바운스, 회전, 스케일, 흔들기, 플립, 펄스, 스윙 또는 사용자 정의 애니메이션 유형 중 선택한 후 지속 시간, 지연, 반복 횟수, 방향, fill-mode를 세밀하게 조정하세요. 드래그하여 편집 가능한 큐빅-베지어 곡선을 포함하여 이징 함수를 선택하고 애니메이션 요소가 실시간으로 업데이트되는 것을 확인하세요. 생성된 @keyframes 블록과 animation 단축 속성은 스타일시트에 바로 복사할 준비가 되어 있습니다.

사용 방법

1. 1 드롭다운에서 애니메이션 유형을 선택하세요(예: 바운스, 페이드, 회전).
2. 2 타이밍 설정을 조정하세요: 지속 시간, 지연, 반복 횟수, 방향, fill-mode.
3. 3 이징 함수를 선택하거나 큐빅-베지어 핸들을 드래그하여 사용자 정의 곡선을 만드세요.
4. 4 코드 패널에서 생성된 CSS를 복사하여 스타일시트에 붙여 넣으세요.

자주 묻는 질문