JQ/JS 渐变淡出显示和渐变淡入隐藏，animate().css() 的执行疑问

在实现这个效果时，采用选择器.animate({ left:"100,opacity:1"}).css("display:block");

个人理解，在执行这个的时候，应该是直接执行 animate() ，结束后再执行 css()。可这样的话，变化的过程应该是渐变到透明度为1 { 这个过程中，由于还没block，应该是隐藏的 }，接着突然block显示出来。

然而，实际上，却不是这样。这两个似乎是同时进行一样。我尝试着，将css()提前，却出现的是：直接blcok显示，后面的渐变效果就没出现了。

是由于animate() 有什么特殊性吗？麻烦各位帮忙解疑下，尽量简单明白点，本人菜鸟来的，对专业术语不大通！！在此多谢了