A
A
Alexander2016-10-30 21:17:30
PHP
Alexander, 2016-10-30 21:17:30

How can I properly apply a mask to an image?

Good day. It is necessary to display images in uneven edges, with unusual rounding. Try to do it with a mask

mask: url(mask-stock.png);
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: contain;

In Firefox, this doesn't work, I read what I need through svg, I tried to convert the image to SVG, but this is not enough, as it seems that the object needs to be like clip-path ..or something else)
What other ways are there? Here is an example of how the picture should look https://yadi.sk/i/aZb01FsHxqoWK

Answer the question

In order to leave comments, you need to log in

1 answer(s)
O
Oleg, 2016-10-30
@politon

What's wrong with svg? https://jsfiddle.net/politonius/91yvqu1b/

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question