✨
@keyframes myAnimation {
from { opacity: 0; } to { opacity: 1; }
}
.animated {
animation: myAnimation 500ms ease-in-out 0ms 1 normal forwards;
}工具说明
keyframes・duration・easing・delayをビジュアル設定してリアルタイムプレビューできるオンラインCSSアニメーションジェネレーター。ワンクリックCSSコピーと共通アニメーションプリセットを搭載。
cssanimationkeyframes动画transitioneasing