CSS Background Tool

How to Use This Tool

1. Select Background Color: Use the color picker or enter a HEX/RGB value.

2. Adjust Opacity: Use the slider to control the background opacity.

3. Upload an Image: Click the upload button to add a background image.

4. Set Repeat Option: Toggle the checkbox to enable or disable background repeat.

5. Adjust Attachment: Choose whether the background scrolls, stays fixed, or moves locally.

6. Position the Background: Pick a position from the dropdown menu.

7. Copy CSS Code: Click the appropriate copy button to save the generated CSS code.