Build CSS @keyframes animations visually. Drag the timeline, tweak properties, copy the CSS.
@keyframes my-animation {
0% { opacity: 1; background-color: #6366f1; }
100% { opacity: 1; background-color: #6366f1; }
}
.animated {
animation: my-animation 1s ease 1 normal forwards;
}