i like the approach.

also (in webkit) you can use an svg data url in your css mask-image to eliminate the extra request. works like a charme for all elements.