무료 온라인 CSS 애니메이션 생성기. 시각적 타임라인 편집기로 키프레임 애니메이션을 디자인하고 CSS 코드를 내보냅니다.
@keyframes myAnimation {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated {
animation: myAnimation 1s ease 0s 1 normal none;
}