[css3-2d-transforms] inconsistency between 2d-transforms & css3-background

Hey All,

I just noticed that individual border-radius properties e.g.
border-top-right-radius lists vertical then horizontal axes, whereas
transform-origin values are horizontal then vertical axes, e.g
transform-origin: 100% 0; is equivalent to transform-origin: right
top;. Based on margin/border/padding (TRBL) I would have expected
vertical then horizontal, and this is also the way I’d write them e.g.
“The search box is often in the top right of the page”, rather than
“right top”.

It’d be nice to standardise this kind of thing, as writing CSS like:
    .top-right {border-top-right-radius: 0; transform-origin: right top;}
is somewhat odd ;)

HTH

peace - oli studholme
@boblet

Received on Sunday, 13 February 2011 14:16:53 UTC