Jquery .css() method not working with css functions

Question

Why is this: $("#bottom").css({"transform":"rotateX ("+rotation[0][0] + "deg)"}); not working?

rotation[0][0] is defined, and I can change any other propriety (background-color, for example) so how do I rotate an element along his X axis with Jquery? I'm using chrome, but I also tried with -webkit-transform.

inspect element does query add transform on inline or use webkit-transform instead transform — Rameez SOOMRO
– Rameez SOOMRO, Commented Nov 4, 2013 at 16:07

James Donnelly · Accepted Answer · 2013-11-04 16:04:32Z

2

It's because you have a space between rotateX and the first open bracket.

Change "rotateX (":

$("#bottom").css({"transform":"rotateX ("+rotation[0][0] + "deg)"});

To "rotateX(":

$("#bottom").css({"transform":"rotateX("+rotation[0][0] + "deg)"});

JSFiddle demo.

answered Nov 4, 2013 at 16:04

James Donnelly

129k35 gold badges215 silver badges224 bronze badges

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

1 Comment

Riccardo Vailati Over a year ago

Oh, God. Can't believe it was something THAT stupid.

Collectives™ on Stack Overflow

Jquery .css() method not working with css functions

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related