Не отображается внутренняя тень

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем fack3637363s, 27 авг 2016.

  1. fack3637363s

    fack3637363s

    Регистрация:
    26 авг 2016
    Сообщения:
    8
    Симпатии:
    0
  2. kychervasya

    kychervasya

    Регистрация:
    25 авг 2016
    Сообщения:
    3
    Симпатии:
    0
  3. randID

    randID

    Регистрация:
    5 сен 2016
    Сообщения:
    8
    Симпатии:
    0
    Оборачиваем изображение в div:
    Код:
    <div>
      <img src="image.jpg" alt="description" />
    </div>
    ну и дальше добавляем в CSS:
    Код:
    div {
      height: 200px;
      width: 400px;
      box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
    }
    img {
      height: 200px;
      width: 400px;
      position: relative;
      z-index: -2;
    }
     
  4. wh1tegray

    wh1tegray

    Регистрация:
    19 сен 2016
    Сообщения:
    5
    Симпатии:
    1
    Если нужно все три картинки общей тенью внутри обрисовывать, может лучше тогда их обернуть в ещё один див и при наведении на него уже делать тень?