实现:按钮在其他部分显示完之后再显示。(这里用到的是 动画开始之前的延迟animation-delay 和 透明度opeacity)
遇到的问题:当 动画开始之前的延迟(animation-delay)时,需要让按钮处于不显示状态,但是如果开始把按钮的CSS样式设置opeacity=0,当动画结束之后,按钮就又消失了。
解决办法:先设置opeacity=0,然后通过定时器动态改变透明度为1。
这样就实现了opeacity的延迟显示。
还有额外的一点,在用animation的时候,如果animation-delay要与animation分开写,一定要写在animation之后才会起作用。