Gradia

CSS Gradient generator, supports multiple layers.

background-image: 
  linear-gradient(90deg, blue 0%, red 100%);
background-size: 
  100% 100%;
background-position: 
  0% 0%;
background-repeat: 
  no-repeat;

Settings

Width

100

Height

100

Pos X

0

Pos Y

0

Repeat

no-repeat

Gradient Type + Colors

Type

Direction

90

0.00

-100%

0%

100%

200%

100

-100%

0%

100%

200%

Created by Jacopo Marrone