3D transforms - transform-origin relative to transformed element with rotate and skew

For ecah transformed element, the x-axis is indicated by the inner blue edge and the y-axis is indicated by the inner pink edge. Hover each example and note that the point of intersection of the x-axis and y-axis never moves (right bottom corner of purple area). Also note that in the 'test with transform-origin' (on the left), this point of intersection (25% for each axis) is relative to the transformed element and not it's parent (shaded gray).

Test with transform-origin

Test with translate*

Bug 15432 - 3D syntax for transform-origin conflicts with background-position-like syntax, causing ambiguity