CSS Background Pattern Generator
Generate pure CSS background patterns. Stripes, dots, grids, and more.
20px
background: repeating-linear-gradient(45deg, #3b82f6, #3b82f6 20px, transparent 20px, transparent 40px);
🎉 100% Free · Pure CSS, no images
Generate pure CSS background patterns. Stripes, dots, grids, and more.
background: repeating-linear-gradient(45deg, #3b82f6, #3b82f6 20px, transparent 20px, transparent 40px);
🎉 100% Free · Pure CSS, no images