keyframes · timing · easing · live preview · runs locally
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.element {
animation-name: fade-in;
animation-duration: 0.6s;
animation-delay: 0s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: forwards;
}