Как сверстать параметр наложения: multiply?

Question

[Сергей Софьичев]

Добрый день.
Есть макеты , в которых некоторые параметры наложения отличны от normal = muliply(умножение).



Каким образом можно сверстать данный элемент?

Левую плашку делал с помощью border.
Так же пробовал вариант через block с transform: skew, но background так же наклоняется.

Comments

[Сергей Софьичев]

Александр А: т.е.?

[Сергей Софьичев]

Александр А: нет , тут именно через multiply сделано. А если делать полупрозрачный див со скосом то эффект будет иной

Answer 1

[Денис Инешин]

Multiply наложение сверстать нельзя. Сливайте в одну картинку.

Answer 2

[GreatRash]

Смотря какие браузеры вам надо поддерживать. Если только новейшие и, допустим, без мобилок, то можно сверстать при помощи SVG и его фильтров. Иначе - картинка, как и советует Денис Инешин

Comments

[Сергей Софьичев]

так и пришлось сделать