CSS Box Shadow Generator

Horizontal Shift

Vertical Shift

Spread

Blur

Opacity

colour

Inset?

Preview

Your new box-shadow code!

box-shadow: rgba(0,0,0,1) 0px 0px 30px 10px;
-webkit-box-shadow: rgba(0,0,0,1) 0px 0px 30px 10px;
-moz-box-shadow: rgba(0,0,0,1) 0px 0px 30px 10px;

Adding a box shadow 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

Edit Microsite