Многоконечная фигура, внутри картинка — это возможно на CSS?

Question

[Константин Баскаков]

Здравствуйте, Уважаемые знатоки!

Подскажите пожалуйста, если можно сделать такую рамку для фото (фигуру на CSS) и в ней к примеру вставить картинку и обрезать её за самой фигурой, то как это можно реализовать?



Чтобы получилось вот так



Обратите внимание, у рамки имеются полупрозрачные слои (светлый бордюр).

Если такую фигуру сделать никак нельзя средствами CSS - так и укажите, если можно, то желательно решение данной задачи, если конечно не сложно.

Заранее Благодарю за ответ!

Comments

[Максим]

На svg вообще это будет не сложно

[Froggyweb]

svg нужен вектор этого извращения.
https://www.sarasoueidan.com/blog/css-svg-clipping/

[Константин Баскаков]

Froggyweb, хорошо, SVG - понятное дело, но я-то про CSS спросил, чисто на CSS это можно сделать?

[Ankhena]

Константин Баскаков,

чисто на CSS это можно сделать

Чисто на CSS берете эту вашу SVG и засовываете в clip-path. Потом еще раз сверху псевдиком.

;)

[Константин Баскаков]

Ankhena, Красотка )))
А без SVG это можно сделать? )))

[Максим]

Константин Баскаков, без svg на css ? Попробуйте...

[Константин Баскаков]

Максим, ну так я и спрашиваю, на чистом CSS можно такое реализовать или нет?

[Максим]

Константин Баскаков, нет...
Но может быть clip но это всё равно свг

Answer 1

[modelair]

в css есть mask и clip-path, с помощью них можно