也可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上+=或-=：实例$("button").click(function(){$("div").animate({left:'250px',height:'+=150px',width:'+=150px'});});

请注意，生成动画的过程中可同时使用多个属性：实例$("button").click(function(){$("div").animate({left:'250px',opacity:'0.5',height:'150px',width:'150px'});});亲自试一试提示：可以用animate()方法来操作所有CSS属性吗？是的，几乎可以！不...

jQueryanimate()方法用于创建自定义动画。该animate()方法通常用于动态数字CSS特性，例如，width，height，margin，padding，opacity，top，left，等，但非数字性质，例如color或background-color不能使用基本功能的jQuery进行动画。注意：并非所有CSS属性都是可动画的。通常，任何接受数字，长度，百分比或颜色值的CSS属性都...

设计师以交互式数字动画为基础，利用AdobeEdgeAnimate开发出先进的HTML5，这款强大的媒体工具可在ie，Firefox，Safari，Chrome等多个浏览器上工作，也能在iOS和Android系统上运行。

AnimatePlus是一个高性能的JavaScript库，它能帮助你建立动态的CSS属性和SVG属性。

Animate.css是一个跨浏览器CSS动画的集合，你可以在滚动条、主页上等Web项目中使用它。

如果你觉得上面的工具还无法做出你想要的动效，那么可以看看CSSAnimate这个工具。它能让你设置更多的动效参数，比如你可以同时设置动效起始和终止状态的坐标，大小，以及透明度，这样你就能够做出更加复杂的动效来。

Animate.css是我比较喜欢的一个CSS3动效库，非常适合那些对CSS3动画效果不熟悉，但又希望给自己所做的网站或基于H5的APP引入动效的朋友。因为，你只需要给需要实现动效的元素添加上Animate.css中预定义的那些动效名称就可以了。比如常见的：bounce，flash，fadeIn，fadeOut等等，加起来有75种不同的动效，完全能够满足你的基本需要了。当然对于这个库也有一些使用注...

官网地址：https://github.com/march08/animated-burgers一款汉堡动画变换(三条横线)的CSS插件，说简单点就是三个横线的动画变换，我们在做导航的侧滑菜单会经常看到它，点击图标变成叉号菜单打开，然后再次点击叉号菜单关闭，恢复成三条横线。这款插件除了可以变成叉号，还能对叉号的变换效果进行细微控制，比如旋转，挤压、侧滑、滑动等效果。同时还能变成各种方向的箭头。