- css3和jquery的animate在一起怎么没有想要的效果呢？

http://www.cnblogs.com/WitNesS/p/4643019.html

1. JS语法错误
2. jQuery的animate方法和css3 animation完全是两个不一样的东西，不要混用
3. 无论是jQ的animate还是css3的animation网上例子都太多了先去找例子看

js语法错误，取消掉错误以后直接用css就可以触发css3动画

  $("button").click(function(){
    $("p").css({
      'width':'200px',
      'height':'200px',
      'transform':'rotate(360deg)',
      '-webkit-transform':'rotate(360deg)'
    });
  });

当然了，还是不建议jquery动画和css3动画混用,帮你用css3写了一个效果，你看着改一下吧
http://jsfiddle.net/Fmdrx/