In a HTML5 / CSS3 Demo I am making, Im using CSS transitions mostly to speed up the performance.
I was wondering for my UI – where currently JQuery manipulates the LEFT attribute of a container Div based on mouse position for example, should I instead use transform: translateX(tx) instead? or does JQuery do this automatically if the browser supports it?
jquery does not use transform: translateX(tx) instead.
You have to do it manualy. But its a good practice to do this, because its actually much faster.
http://jsfiddle.net/MZBtr/2/
You could use Mondernizr for feature detection and then decide what to do according to the result.
Here a demo that demonstrates it:
http://jsfiddle.net/zWavD/1/