Create gradient backgrounds

Adding a gradient to a section, button, or any other element can be a great way to make it stand out. You can use background gradients on their own or on top of a background color or image.

There are two types of gradients: linear and radial. Both gradient types consist of stops, or points where one color fades into another. In this video, we'll show you how to work with both linear and radial gradients in Webflow.