CSS Gradient Generator

Gradient Direction

Colour One

Colour Two

Preview

Your new CSS gradient code!

background-image: linear-gradient(to bottom, #C1BBEF, #8478E0);

Adding a background gradient to an element in your microsite

Click each step for more detail

Step 1

Edit your microsites HTML by clicking the <> button

Step 2

Find the element you want to add the shadow too in the HTML

Step 3

Add the following code to the elements style attribute