Change CSS Property with Jquery Variable

Question

Im trying to use Jquery to change css. The css property is kinda complicated so I'm not sure if my concatination is working or if there's another problem:

JQUERY:

$(document).ready(function() {

var degrees = Math.floor(Math.random() * 151) + 20;  //this is my variable

$('#p2').css("-webkit-transform","rotate("+degrees"deg)");
// this -webkit-transform: rotate(50deg); is the property im trying to change
});

awesome!! can you post this as a solution so i can mark it correct? — user176105
– user176105, Commented Apr 9, 2015 at 23:57

Sushil · Accepted Answer · 2015-04-09 23:57:36Z

1

there's a small mistake. you're not appending it properly. notice the '+' after the degrees

$(document).ready(function() {

var degrees = Math.floor(Math.random() * 151) + 20;  //this is my variable

$('#p2').css("-webkit-transform","rotate("+ degrees +"deg)");
// this -webkit-transform: rotate(50deg); is the property im trying to change
});

answered Apr 9, 2015 at 23:57

Sushil

2,8434 gold badges23 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

Change CSS Property with Jquery Variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related