慢速下拉菜单转换CSS

Question

我在JS fiddle创建了一个下拉菜单。

我希望下拉菜单的转换速度很慢。

现在它刚刚弹出，看起来很平淡。

// Ignore this line

Answer 1

听起来你应该使用这个例子作为你的基础

我还建议使用标签，而不仅仅使用带有主导航菜单ID的常规标签。

您正在使用背景图片创建蓝色背景？您可以在css中为li和元素添加颜色，以实现您想要的效果，而不是使用背景图像。

以下是您应该使用的代码：http://www.newmediacampaigns.com/blog/nicer-navigation-with-css-transitions-part-2

以下是每个人的样子：http://codepen.io/toddsynan/full/pJuyx

以下是当最大高度通过悬停从0变为150px时，该人用来创建过渡的内容。

 -webkit-transition:max-height 500ms ease;
 -moz-transition:max-height 500ms ease;
 -o-transition:max-height 500ms ease;
 transition:max-height 500ms ease;