Gradient Rows Demos

Scroll page down to see different gradients settings.

Static 2 colors | Static 4 colors | Animated 2 colors | Animated 4 colors

Horizontal static 2 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.

Vertical static 2 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.

Diagonal static 2 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.

Diagonal Reverse static 2 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.

Horizontal static 4 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.

Vertical static 4 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.

Diagonal static 4 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.

Horizontal animated 2 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.

Diagonal animated 2 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.

Diagonal animated 4 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.

Diagonal animated 4 colors gradient

You can set any colors in row settings.

You can have any page builder elements inside row with gradient.