Можно ли сделать такое оформление через чистый css?

Question

[Олег Морев]

Добрый день, заинтересовала такая вот вещь)
Чёрный цвет - это фон сайта (он может быть градиентным).
Синяя рамочка "оформление" картинки, обрезает внизу часть картинки.

Чистый css я имел ввиду не накладывать сверху никакие другие картинки на основную)

Comments

[kcarvi]

используйте псевдоэлементы :before и :after
Треугольники через CSS

[Олег Морев]

Я может что-то догоняю но причём тут это?) тут вопрос именно как картинку так обрезать внизу)

[Wheelie]

cssarrowplease.com

[DenJel]

Все начали предлагать треугольники))) они в абсолюте перекрывают основной блок) они здесь точно не подойдут

[A K]

DenJel: вы не понимаете всю глубину :before :after

[DenJel]

Symphony: ну расскажите, не томите) интересно же) или ссылку дайте, пожалуйста

[A K]

DenJel: я извиняюсь, но давайте поддержим svg

[DenJel]

Symphony: не понимаю, зачем использовать SVG, если можно обойтись CSS, но ладно спасибо и на этом, будем гуглить

[Олег Морев]

Symphony какой-то не адекватный парень))) тут на все вопросы на сайте можно тогда в таком духе отвечать))

Answer 1

[Денис Инешин]

Короче тут вот эта тема: css.yoksel.ru/css-and-svg-masks

Comments

[A K]

Можно было обойтись ::before ::after, но как патриот svg, не буду писать как делать такое на css, чтоб увеличить юзабельность svg :)