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

Question

[Mambli Joe]

Подскажите, пожалуйста, как сделать такой border?

Answer 1

[Ivan Bogachev]

Comments

[ТемноКот]

Извините, не подскажете, насколько эти градиенты сейчас кроссбраузерны?

[Ivan Bogachev]

Ntvysq, https://caniuse.com/mdn-css_types_image_gradient_l...

[ТемноКот]

Ivan Bogachev, спасибо.
Просто делал похожее, через box-shadow,
https://jsfiddle.net/4ewd3yhr/

box-shadow: 
	 	0 -9px 0 -8px #4e5871,
	 	0 9px 0 -8px #4e5871,
	 	-9px 0 0 -8px #4e5871,
	 	9px 0 0 -8px #4e5871,
	 	0 0 0 1px #fff;

но там там настройка не такая гибкая получается. Так и не смог избавиться от сплошной рамки
Ну и при использовании transition такой себе эффект получается

Answer 2

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

Пожалуйста!
https://jsfiddle.net/HunteR_VRX/j08yxous/59/