Как сделать такой border?

Question

[Богдан]

Подскажите пожалуйста как сделать такой border?
Интересует это эффект вмятости.
Ато что-то у меня мозги не доходят=(

Answer 1

[Михаил Горячкин]

Ну так делаете у одного элемента правый бордер темного цвета, а у последующего левый бордер светлого и получите глубину.

Comments

[Oogway]

либо border и box-shadow без размытия у одного элемента

Answer 2

[Therapyx]

Посмотри вот эту статейку
https://css-tricks.com/almanac/properties/b/box-shadow/ - там найдешь вариаент с INNER SHADOW
С помощью shadow можно делать вдавленным текст или блоки. Думаю с бордером тоже можно. Если же нет, можно это реализовать через блоки. К примеру с шириной в 2-3 пикселя и фулл высотой.
А вот еще хороший генератор теней, где можно с этим поиграться www.cssmatic.com/box-shadow

Answer 3

[pm_oman]

Юзай border: 1px solid rgba(104, 139, 210, 0.3);

Answer 4

[Дмитрий Антонов]

А посмотреть как там сделано не пробовали ?

Comments

[Богдан]

Это шаблон у photoshop*e.

[Дмитрий Антонов]

ну тогда делай как Михаил Горячкин написал. с 2 бордерами.