У меня есть дизайн, где углы изображений обрезаются под углом 45 ° угол. В настоящее время этодостигается за счет маскирования с абсолютно позиционированным промежутком, у которого прозрачное фоновое изображение установлено с углом «резать" в непрозрачном белом. Это далеко от идеала, во-первых, из-за дополнительного диапазона, во-вторых, потому что фон изображения не является однородным белым.

Я собираюсь создать прозрачные PNG позже, но это будет более элегантно и - учитывая изображения являются фотографиями - менее интенсивно использовать JPEG и CSS. Новое свойство маски CSS казалось многообещающим, но, насколько я понимаю, оно не даетзамаскировать » на фоне элемента, не так ли?

Итак, мой вопрос, есть ли какое-либо новое свойство CSS, которое яЯ не знаю и позволит мне это сделать?