Setting css3 transform property with jQuery, += and -= support

Question

I'm using this jquery plugin to use CSS transforms with the jquery CSS function:

http://www.zachstronaut.com/posts/2009/02/22/jquery-patch-css-transform.html

$('.element').css{ transform : 'translate(' + val + 'px,0)' };

The above code currently works, but I would like to be able to increment the value, like you can do, for example, with margin left:

$('.element').css{ marginLeft : '+=' + val };

Is there a way to use jquery to increment the css3 transform / translate property?

Thanks!

Answer 1

您可以尝试添加css钩子进行translate和使用

$('.element').css({ translate : '+=' + val });