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