Transform scale on click with Jquery

Question

I am trying to let a button shrink another element with jQuery. So far I came up with:

$( "#img1" ).click(function() {
    $("#img2").css("-moz-transform:scale", "0.7, 0.7"); 
});

But this doesn't seem to work. I am currently only worried about serving FireFox. I don't understand why my click function isn't working. I thought I defined everything correctly, I hope you can help out.

Can you put an alert("hello"); inside the .click function to make sure that code is even being called? Are there any errors in the console? — mituw16
– mituw16, Commented Jan 13, 2014 at 18:47
Why not just use animate scale from jquery UI? api.jqueryui.com/scale-effect — Cam
– Cam, Commented Jan 13, 2014 at 18:54
Note that jQuery automatically adds vendor prefixes for .css() in jQuery 1.8+ — 412
– 412, Commented Jan 13, 2014 at 18:59

Oleg · Accepted Answer · 2014-01-13 18:55:41Z

4

Try this:

$( "#img1" ).click(function() {
  $("#img2").css("-moz-transform", "scale(0.7, 0.7)"); 
});

answered Jan 13, 2014 at 18:55

Oleg

23.5k10 gold badges72 silver badges87 bronze badges

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

Collectives™ on Stack Overflow

Transform scale on click with Jquery

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