Необходимо придать картинке 100% прозрачность определенной формы. Для Google Chrome использую
-webkit-mask-image : url("/img/maska4slider.png");
mask : url(#mask)
Пробую добавить для Firefox
-ms-mask : url("/img/maska4slider.png");
Вот только не получается. Что бы было понятнее, вот страница, на которой пытаюсь это реализовать: ссылка Резать картинки - это слишком просто и неправильно,т.к. картинки будут загружаться из админки.
-webkit-mask-image
поддерживается только в браузерах на движках Chromium/Blink (Chrome, Opera 15+) и WebKit (Safari). В вариантах с другими префиксами не существует. Попробуйте SVG-маски.-ms
- это IE, а у FF-moz
. Впрочем, тут это не поможет, т. к.mask-image
- это webkit'овское изобретение и больше его нигде нет.