jQuery CSS scale transform not working

Question

jQuery:

var scale_width = 1;
var scale_height = 1.5;
$(".english_canvas.unit_11").css("transform","scale('"+scale_width+"','"+scale_height+"')");

HTML:

<div style="width: 210px; height: 210px; background-color: #fff" class="english_canvas unit_11"></div>

"scale(" + scale_width+", " + scale_height+")" is enough. Don't enclose scale values in ''. — Harish Kommuri
– Harish Kommuri, Commented Nov 29, 2017 at 6:19
$(".english_canvas.unit_11").css("transform","scale("+scale_width+","+scale_height+")"); — Abdi Hamid
– Abdi Hamid, Commented Nov 29, 2017 at 7:23

laiju · Accepted Answer · 2017-11-29 06:20:37Z

2

$(".english_canvas.unit_11").css("transform","scale("+scale_width+","+scale_height+")");

answered Nov 29, 2017 at 6:20

laiju

1,38310 silver badges17 bronze badges

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

Comments

Sultan Khan · Accepted Answer · 2017-11-29 06:23:58Z

0

<div style="width: 210px; height: 210px; background-color: #000" class="english_canvas unit_11"></div>


var scale_width = 1;
var scale_height = 3.5;
$(".english_canvas.unit_11").css({
  "-webkit-transform":"scale("+scale_width+","+scale_height+")"})

answered Nov 29, 2017 at 6:23

Sultan Khan

3283 silver badges11 bronze badges

Collectives™ on Stack Overflow

jQuery CSS scale transform not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related