Experiment with beautiful
background Snippets.

Expand

Click to Editor

Background

Pattern Type

Line Color

Grid Size X: 14px

Grid Size Y: 24px

Use Mask

Use Custom Position

Mask Position

Mask Width: 80%

Mask Height: 50%

Mask Opacity: 70%

Mask Fade: 110%

Use Gradient

Gradient Type

Radial

Linear

The gradient uses RGBA colors. Set Alpha to 0 for the first color to make it transparent.

Inner Color

Position: 10%

Outer Color

Position: 100%

Position X: 30%

Position Y: 10%

Radius X: 125%

Radius Y: 125%

Dark Grid

Light Grid

Dark Dots

Light Dots

Dark Line Grid

Light Dot Grid

Diagonal Stripes

Purple Radial

Blue Linear

Sunset

Elliptical Green

Grid + Gradient

Dots + Mask

Grid + Gradient + Mask

Dots + Linear Gradient

Line Grid + Mask

Dot Grid + Gradient

Light Grid + Gradient

Light Dots + Mask

Sunset Grid + Mask

Dots + Gradient + Mask

Custom Position Mask

Asymmetric Gradient

Multi-Color Linear

Experiment with beautiful background Snippets.

Experiment with beautiful
background Snippets.