下午好，吃完了娛樂圈里面的瓜，下面看一個導(dǎo)航菜單的小動畫。
雖然圖片上看著不咋地，但是實際操作起來的話，還是挺有意思的
界面布局很簡單，
寫個ul li 然后 li 里面 嵌套一個ul
頁面布局寫好，然后寫CSS美化一下樣式。
因為有翻轉(zhuǎn)效果。所以要給ul設(shè)置一個旋轉(zhuǎn)屬性。旋轉(zhuǎn)180度。
當(dāng)觸摸的時候旋轉(zhuǎn)角度為0度，為了效果不那么生硬，添加一個opcaity為0；觸摸時為1；
動畫時間設(shè)置一下為0.6秒。
然后給第二級ul下面的li設(shè)置一下延時屬性。
http://www.geizy.cn/d/demo/jzh/
鏈接附上
上一篇： link與@import的區(qū)別
下一篇： 前端開發(fā)干貨知識點匯總
