本文實例講述了基于css3的屬性transition制作菜單導航效果。分享給大家供大家參考。具體如下：
CSS3導航菜單，當你運動層在顯示層下面時，transition會使頁面產生閃動，原因是Chrome在初始渲染CSS動畫時產生的Bug，雖然暫時無法考證這個問題的根本原因，但是目前已知的解決方案有兩條：
-webkit-backface-visibility: hidden;（設置進行轉換的元素的背面在面對用戶時是否可見：隱藏）
-webkit-transform-style: preserve-3d; （設置內嵌的元素在 3D 空間如何呈現：保留 3D ）。
運行效果截圖如下：
具體代碼如下：
新聞熱點
疑難解答
