css3 rotate just the background or the mask

I was wondering if it is possible to rotate just the background image or mask with CSS3. The css3 transform rotate, rotates the whole element.

I failed googleing, maybe someone has an idea?

webkit example: http://jsfiddle.net/meo/Atjdq/1/ (i want to rotate just the mask or alter开发者_运维知识库natively the background)

I'm pretty sure you have to use a separate element, containing just the background image (or mask), if you want to rotate the background (or mask) independently.

Something like this, perhaps? http://jsfiddle.net/mattball/k9t5e/1/