Differences of shadow

CSS

body {
    background-color: #fff;
    height: 100%;
}

body:before {
    border: 1px solid #000;
    content: '';
    margin-top: -200px;
    margin-left: -200px;
    position: absolute; top: 50%; left: 50%;
    width: 400px; height: 400px;
}

body:after {
  background-color: #fff;
  box-shadow: 0 0 100px #000;
  content: "";
  display: block;
  height: 200px;
  left: 50%;
  margin: -100px 0 0 -100px;
  position: absolute;
  top: 50%;
  width: 200px;
}

JavaScript

/*
 * Пример для определения отличий в отрисовке тени браузерами
 *
 * Размытие тени — 100, но:
 * в Хроме 28 она размывается на `88px`,
 * в Файрфоксе 22 на `113px`,
 * в ИЕ 10 на `91px`,
 * зато в Опере 12.15 на честные `100px`
 */