CSS box-shadow online generator for free

This generator creates CSS code, which will needed apply to the right element with shadow effect. There are some properties when you create shadows:

• box-shadow – for most browsers;
• webkit-box-shadow – for Safari up to 5.1 version, Chrome up to 10.0 version, Android up to 4.0 version and iOS Safari up to 5.0 version;
• moz-box-shadow – for Firefox up to 4.0 version.

When you use shadows, don't forget that, in some cases, this property will expand element's borders, result in scrollbar may appeared or page may shifted.
The properties -box-shadow, -webkit-box-shadow and -moz-box-shadow have next syntax:
Property: none | <shadow1> [,<shadow2>]*
where:

• Property is one of next values: -box-shadow, -webkit-box-shadow or -moz-box-shadow,
• none – without shadow,
• Shadow includes next elements:
  1. X-axis shift
  2. Y-axis shift
  3. blurring
  4. stretching
  5. color