Using "-webkit-box-reflect" in combination with: "-webkit-transform: rotate" does not behave as expected, the rotation is applied to both the element and the reflection instead of only the element. RESULT: (Screenshot): http://s3.johntregoning.com.s3.amazonaws.com/tests/webkit/actual.png EXPECTED: (Screenshot): http://s3.johntregoning.com.s3.amazonaws.com/tests/webkit/expected.png I have found this in all versions of webkit (including the nightly build r75891)
Created attachment 79630 [details] Reduced demo page showing the described behaviour.
No, this is as designed. The element is reflected first, and then transformed.