box-shadow

Back to the index.

box-shadow allows you to create drop shadows in CSS.

This is the code I use:

p.test {
	border: 1px solid black;
	padding: 10px;
	box-shadow: -10px -10px 8px grey;
}

This test element uses pure box-shadow.

Note the syntax:

  1. Horizontal offset
  2. Vertical offset
  3. Blur
  4. Colour