Фигура на css с заострением

#html #css #svg

Возможно ли с помощью css выполнить такую рамку:



И вот такую картинку:



С учетом того, что фон может быть не белым и не однотонным (картинка).

На странице очень много таких элементов и картинкой не хотелось бы делать. Но и нужно
чтобы ie9 более-менее нормально показывал. clip-path наверное не подойдет.
    

Ответы

Ответ 1

Можно использовать svg: