css 3 тень слева вверху внизу

Привет, ребята, я играл со свойством css box-shadow, и я немного борюсь с этим. Я пытаюсь создать тень на поле, но я хочу применить тень только к верхней, нижней и левой сторонам моего div.

вот мой код css до сих пор, но он будет применяться ко всем 4 сторонам, которые я не хочу ..

     box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);

Спасибо


html css box-shadow shadows
person Mll    schedule 26.10.2015    source источник
comment
Вероятно, вам больше не нужно включать префиксы для этого свойства. Посмотрите на таблицу поддержки: caniuse.com/#feat=css-boxshadow (примечание: вам нужно будет нажать «Показать все», чтобы найти версию браузера, для которой нужен префикс)   -  person Zaqx    schedule 26.10.2015
comment
Кроме того, когда вы добавляете префиксы, версия без префиксов всегда должна идти последней, потому что более поздние объявления свойств переопределяют те, что были раньше.   -  person Zaqx    schedule 26.10.2015
comment
Спасибо вам за разъяснение :)   -  person Mll    schedule 27.10.2015

Ответы (1)


arrow_upward
1
arrow_downward

Попробуй это:

-webkit-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);
box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);

Также вы можете поиграть здесь.

person Florin Pop    schedule 26.10.2015