Dynamic Background Generator
Create animated and interactive CSS backgrounds easily.
Background Settings
5s
Preview
background: linear-gradient(45deg, #FF6B6B, #FFD93D, #FF6B6B);
background-size: 200% 200%;
animation: backgroundGradient 5s infinite alternate;
@keyframes backgroundGradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}