Eu tenho um design onde cantos de imagens são cortados em um ângulo de 45 °. Por enquanto, é conseguido mascarando-o com um vão absolutamente posicionado, que tem uma imagem de fundo transparente com o canto “cortado” em branco opaco. Isso está longe de ser ideal, primeiro por causa do intervalo adicional, segundo porque o fundo da imagem não é branco homogêneo.

Eu pretendo gerar PNGs transparentes depois, mas seria mais elegante e - considerando as imagens são fotografias - menos intensivo de largura de banda para usar JPEGs e CSS. A nova propriedade de máscara CSS parecia promissora, mas, como eu entendo, ela não fornece a capacidade de "mascarar" para o segundo plano do elemento, não é?

Então, minha pergunta é: há alguma nova propriedade de CSS por aí que eu não conheça e permita que eu faça isso?