✨
@keyframes myAnimation {
from { opacity: 0; } to { opacity: 1; }
}
.animated {
animation: myAnimation 500ms ease-in-out 0ms 1 normal forwards;
}工具说明
線上 CSS 動畫產生器，可視化設定 keyframes、duration、easing、delay，即時預覽動畫效果，一鍵複製 CSS 程式碼，支援常見動畫預設。
cssanimationkeyframes动画transitioneasing