css3如何实现动画的导航栏

Question

想要用原生js和css3实现像这样的导航栏效果，类似jquery的slidedown，我自己实现主要的问题在于不知道如何控制动画队列的先后，比如背景先变色，然后下拉出来，同时下拉先收回，背景再变色。

codepen

Answer 1

汝可以css3动画成汝须之效也，其行事可以自行百度...