免費線上 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;
}