Как сделать такую рамку для слайдера?

Question

[Erl]

Доброго времени суток.
Пытался сделать с помощью бордеров, но возникает проблема с бордером внутри, а самое главное с размещением контента.
Как тогда можно это реализовать?

Comments

[MagicMight]

Наложить картинку с альфа-каналом?

[Erl]

MagicMight, имеете ввиду, вырезать заранее картинку такой формы?

[MagicMight]

Erl, просто не очень понятна задача. Проблема с формой рамки или с вот этой полупрозрачной полосочкой, отступающей от краев?

[Erl]

MagicMight, проблема с полупрозрачной полоской вытекает от реализации формы рамки

[Erl]

MagicMight, первостепенно нужно сделать форму рамки для помещения туда контента

[Erl]

Михаэль Вейк, да разве это имеет значение?
можно для примера:
высота левой части = 400px
высота правой части = 440px
ширина 500px

[Erl]

Михаэль Вейк, ну я к тому что их же можно легко изменить)

[Ankhena]

Erl, Покажите как вы это делаете без рамки на jsfiddle.net

Общий план такой: либо внутренняя тень либо псевдоэлемент с такой же трансформацией + scale

Answer 1

[Андрей Федоров]

https://codepen.io/aliencash/pen/WNvmKpE

Answer 2

[Ankhena]