Эффект рваных краев изображения?

Question

[erstet]

Всем здравствуйте! Все и везде как мне кажется уже обшарил, но так и не нашел решения на чистом CSS чтобы сделать для определенных изображений на сайте эффект рваных краев.

Может подскажете как реализовать данный метод? Заранее как всегда благодарочка естественно.)

UPD: без разницы какие края получатся, главное что-то типа квадрата

Comments

[Андрей]

картинку прикрепите дизайна

[erstet]

прикрепил. на самом деле нет разницы какие выйдут, главное чтобы для квадратных изображений.) спасибо за отзывчивость)

Answer 1

[Sergey Semenov]

Вам в сторону SVG смотреть нужно. На CSS мне кажется вряд ли получится.

Comments

[erstet]

Да в том то и дело хотел чисто на CSS реализовать, но раз не получится буду с SVG экспериментировать.

[Sergey Semenov]

Ну, на истину не претендую. Почитайте, от прочтенного только плюс будет.

[Вячеслав Лебедев]

а получится ли тут в svg? не однородная картинка.
Скорее всего нужно спрайт ставить на задний фон, будет фиксированный размер только :(

[erstet]

можно и однородную рванину) главное чтобы эффект был)