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

Question

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

$('.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!

jcubic · Accepted Answer · 2012-10-02 19:29:50Z

3

You can try to add css hook for translate and use

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

answered Oct 2, 2012 at 19:29

jcubic

67.1k58 gold badges252 silver badges466 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1