เครื่องมือสร้างแอนิเมชัน CSS ฟรี ออกแบบแอนิเมชัน keyframe ด้วยตัวแก้ไขไทม์ไลน์แบบมองเห็นและส่งออกโค้ด CSS
@keyframes myAnimation {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated {
animation: myAnimation 1s ease 0s 1 normal none;
}