Тень коробки только для нижней стороны

У меня есть поле контента и нужно дать тень для этого. Но я хочу дать тень только для нижней части окна. Я использовал этот css box-shadow: 0 3px 5px #000000;

Если я даю этот код, он показывает слева, справа и внизу. Мне нужно только нижнее

Может ли кто-нибудь предложить решить эту проблему. Большое спасибо

Ответ 1

Вы можете сделать следующее после добавления класса one-edge-shadow или использовать по своему усмотрению.

.one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}

Источник

Ответ 2

Вы должны указать negative spread в тени теней, чтобы удалить боковую тень

-webkit-box-shadow: 0 10px 10px -10px #000000;
   -moz-box-shadow: 0 10px 10px -10px #000000;
        box-shadow: 0 10px 10px -10px #000000;

Отметьте http://dabblet.com/gist/9532817 и попробуйте изменить свойства и знать, как они себя ведут

Ответ 3

Вы можете использовать его, как вам нужно:

        .top {
            box-shadow: 0 -5px 5px -5px #333;
        }

        .right {
            box-shadow: 5px 0 5px -5px #333;
        }

        .bottom {
            box-shadow: 0 5px 5px -5px #333;
        }

        .left {
            box-shadow: -5px 0 5px -5px #333;
        }

        .all {
            box-shadow: 0 0 5px #333;
        }

Ответ 4

Попробуйте использовать онлайн-генератор css3.me Измените значение и получите код, довольно простой.

Ответ 5

-webkit-box-shadow: 0 3px 5px -3px #000;
-moz-box-shadow: 0 3px 5px -3px #000;
box-shadow: 0 3px 5px -3px #000;