← All Generators

Background Image Generator

Configure background image size, position, repeat, and attachment.

Controls

Image URL
Size
Position
Repeat
Attachment

Live Preview

Generated Code

.element {
  background-image: url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}