Webkit mask with SVG

I have a little problem with a webpage that I'm developing.

I use a .SVG file to mask a part of the image.

It works properly on Firefox, Safari but only works on Chrome under OS X.

I would like to understand why? Any ideas ?

Here is an example page where I got the same problem : http://girliemac.com/sandbox/mask.html

Thanks in advance,

Jk_

Solution

Try experimenting with different values like this:

-webkit-mask-box-image: url(svg/twitter-bird-new.svg) 100 100 0 0 round round;

Seems like it has something to do with scaling. Why? Because it's still in its experimental phase.