Question

怎样控制animate.css的动画时间

Answer 1

打开 animate.css 第一行

.animated {
animation-duration: 1s;
animation-fill-mode: both;
}

animation-duration 即是动画的时间

Answer 2

$(selector).animate(styles,speed,easing,callback)
参数描述
1.styles 必需。规定产生动画效果的 CSS 样式和值。可能的 CSS 样式值（提供实例）：backgroundPosition,
borderWidth,
borderBottomWidth,
borderLeftWidth,
borderRightWidth,
borderTopWidth,
borderSpacing,
margin,
marginBottom,
marginLeft,
marginRight,
marginTop,
outlineWidth,
padding,
paddingBottom,
paddingLeft,
paddingRight,
paddingTop,
height,
width,
maxHeight,
maxWidth,
minHeight,
minWidth,
font,
fontSize,
bottom,
left,
right,
top,
letterSpacing,
wordSpacing,
lineHeight,
textIndent,
,注释：CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）。
2.speed 可选。规定动画的速度。默认是 "normal"。可能的值：毫秒 （比如 1500）"slow""normal""fast"
3.easing 可选。规定在不同的动画点中设置动画速度的 easing 函数。内置的 easing 函数：swinglinear扩展插件中提供更多 easing 函数。
4.callback 可选。animate 函数执行完之后，要执行的函数。