Sections Background Gradients

Here are some examples of CSS background gradients created using the Sections stack.

You can use the gradient functionality as the background for Foundation Equalised Height containers in columns and grids as well as flat or slanted sections.

Since Sections is screens compatible, it extends considerably the type of background gradients you can use on your Screens Pages.

Sections is not limited to gradients of course, you can use images or solid colors if you prefer.

All Sections gradients have an opacity control for more flexibility

Foundation Theme & stacks

Sections