✨
@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