Criando uma máscara de transparência para html - css, imagem, tela, mascarando

Alguém se deparou com uma maneira eficaz de imitar o Webkit?

-webkit-mask-box-image: url(filename.png)

funcionalidade?

Eu estou tentando usar elementos animados não quadrados e prefere não ter que fazer o mascaramento no lado do servidor.

Eu estou definido no apoio, pelo menos, Gecko e Webkit, mas se eu conseguir gerenciar o Opera e IE, isso seria um bônus.

Respostas:

Depois de Pesquisando muito, parece que não há maneira de fazer isso com outra coisa senão o webkit no momento. Basta pré-mascarar suas imagens no Photoshop por enquanto :)

Coloque um div contendo imagens transparentes com z-index superior absolutamente posicionado sobre o topo das animações?

Apenas um pensamento, pode ser completamente inútil para o que você precisa.

<div class="animation">
</div>
<div class="mas">
</div>

.animation{height: 200px; width: 200px; position: absolute; top: 0; left: 0;}
.mask{height: 200px; width: 200px; position: absolute; top: 0; left: 0; z-index: 10; background: transparent url("mask.png") 0 0 no-repeat;}