本文實例講述了基于css3的屬性transition制作菜單導航效果。分享給大家供大家參考。具體如下：

CSS3導航菜單，當你運動層在顯示層下面時，transition會使頁面產生閃動，原因是Chrome在初始渲染CSS動畫時產生的Bug，雖然暫時無法考證這個問題的根本原因，但是目前已知的解決方案有兩條：

-webkit-backface-visibility: hidden;（設置進行轉換的元素的背面在面對用戶時是否可見：隱藏）

-webkit-transform-style: preserve-3d; （設置內嵌的元素在 3D 空間如何呈現：保留 3D ）。

運行效果截圖如下：

在線演示地址如下：

http://demo.VeVb.com/js/2015/css3-transition-menu-codes/

具體代碼如下：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表