Combining -webkit-mask and -webkit-transform in android default browser

On Android 4.3 device using the default browser, I create an element that uses both -webkit-mask

, and so -webkit-transform: rotate

. But when I combine the two styles, the element's background color is not masking correctly.

Here it looks without rotation (top) and with it (bottom). As you can see, the bottom image has no background masking:

And this is what I expect. This is what I get in Chrome and other browsers:

The bottom element has the following styles (full source here ):

background-color: red;
-webkit-mask: center center url('data:image/png;base64,...') no-repeat;
-webkit-mask-size: 2em 3em;
-webkit-transform: rotate(-180deg);

      

        
        
        
      

    

Is this a known issue with Android browser? Anyway?