Можно ли и как именно box-shadow дать кокретной стороне( например блоку снизу или сверху)?

Question

[olya_097]

Можно ли и как именно box-shadow дать кокретной стороне( например блоку снизу или сверху)?

Comments

[Сергей delphinpro]

нет. тень можно только сместить в нужную сторону (или 2 стороны). Иногда этим можно добиться видимости тени с одной стороны.

[olya_097]

Сергей delphinpro, а бордер с двумя цветами?

[Сергей delphinpro]

olya_097, покажите картинку, чего хотите добиться.

Answer 1

[ReActor Дмитрий Вершанский]

Управляйте всеми параметрами этого свойства:

.block {
width: 100px;
height: 100px;
box-shadow: -50px 0 15px #bbb;
}

Расклад по параметрам:
box-shadow: X Y Blur Color;

Answer 2

[NaN]

Вообще тень задается для всего блока, единственное можно подогнать, используя ту же консольку. Так сказать в режиме онлайн

Answer 3

[tyzberd]

https://codepen.io/tyzberd/pen/mogLvx
shpargalkablog.ru/2011/06/css-box-shadow.html

Comments

[olya_097]

tyzberd, а бордер с двумя цветами?

[tyzberd]

olya_097, градиентом https://css-tricks.com/gradient-borders-in-css/
или border-image https://css-tricks.com/almanac/properties/b/border...