慢速下拉菜單轉換CSS

Question

我在JS fiddle中創建了一個下拉菜單。

我想慢慢過渡下拉菜單。

現在它只是彈出，它看起來很平淡。

// Ignore this line 

Answer 1

聽起來像是你應該主導航菜單的ID用這個例子作爲你的

基地我也建議使用標籤，而不是隻是一個普通的。

而且您正在使用背景圖像來創建藍色背景？你可以給李和一個元素在CSS中的顏色來實現你想要的，而不是使用背景圖像。

下面是代碼，你應該使用：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;