css 3 box shadow left top bottom

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

здесь не мой 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);

Благодаря

источник

2015-10-26 Mll

Вероятно, вам больше не нужно включать префиксы для этого свойства. Посмотрите таблицу поддержки: http://caniuse.com/#feat=css-boxshadow (Примечание: вам нужно нажать «Показать все», чтобы найти версию браузера с префиксом) – Zaqx

Кроме того, когда вы добавляете prefixes, версия unprefixed всегда должна быть последней, потому что более поздние объявления свойств переопределяют те, которые были раньше. – Zaqx

спасибо за объяснение :) – Mll

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

-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);

Также вы можете играть около here.

источник

2015-10-26 20:24:45

Спасибо. Это очень крутой генератор :) – Mll

css 3 box shadow left top bottom

ответ

Смежные вопросы