Difference between x, y, left, right with CSS

[botmen]

I have something that looks like this, which doesn't apply the x or y transform but does apply rotation.\[code\]$('<div/>').css( "-webkit-transform": "rotate(20deg)" x: 10 y: 10)\[/code\]This applies the \[code\]x\[/code\] and \[code\]y\[/code\] but not the rotation:\[code\]$('<div/>').css( "-webkit-transform": "rotate(20deg)" x: 10 y: 10)\[/code\]If I do it with \[code\]left\[/code\] and \[code\]right\[/code\] it works \[code\]$('<div/>').css( "-webkit-transform": "rotate(20deg)" left: 10 right: 10)\[/code\]PS: I'm using coffeescript