Whats wrong with the .animate()

Question

What is wrong with this Code?

$("button").click(function(){
    var div=$("#oarm2");
    div.animate({marginTop:'150px', transform:'skew(15deg, -60deg)'},"slow");
});

When I press the button, an div Element should be go down in the Page and change the Form.

The "marginTop" is functionally, but the transform skew not..

What is wrong? How I must write this?

Coud you please create a jsfiddle here - http://jsfiddle.net/ ? Makes it easier to correct your code. — Robin, May 26 '14 at 10:50
You may also directly use a CSS transition or animation (in contrast to that JS animation…) — feeela, May 26 '14 at 10:50
possible duplicate of [Animate element transform rotate](http://stackoverflow.com/questions/5462275/animate-element-transform-rotate) or http://stackoverflow.com/questions/16958873/jquery-animate-a-webkit-transform — feeela, May 26 '14 at 10:51

score 0 · Answer 1 · edited Jun 20 '20 at 09:12

0

Js

$("#go").click(function(){    
     $("#oarm2").animate({marginTop:'150px', transform:'skew(15deg, -60deg)'},"slow"); });

HTML

<button id="go">&raquo; Run</button>
<div id="oarm2">Hello!</div>

CSS

div {
    background-color: #bca;
    width: 100px;
    border: 1px solid green;
  }

Here I include jquery library file jquery-1.8.3.js

edited Jun 20 '20 at 09:12

Community

answered May 26 '14 at 11:12

Prashant

thank you ;) top works, but skew not – user3676054 May 26 '14 at 12:00
To use skew and other CSS transitions I can reccomend [jQuery Transit](http://ricostacruz.com/jquery.transit/) – Mark Biesheuvel May 26 '14 at 12:11
nice! Transit works fine and is short! Thanks – user3676054 May 26 '14 at 12:22

1 Answers1