Custom Keyframe Animation

Visually design and export CSS background color animations.

Keyframes

0%
50%
100%

Timing & Loop

Style

.animated-element { animation: color-animation-Rjtt7qja 5s ease-in-out 0s infinite alternate; } @keyframes color-animation-Rjtt7qja { 0% { background-color: #ef4444; } 50% { background-color: #3b82f6; } 100% { background-color: #10b981; } }