CSS3 box-shadow屬性導致菜單下拉平滑

我正在使用jQuery Multi Level CSS Menu #2作爲我的一個WordPress主題。CSS3 box-shadow屬性導致菜單下拉平滑

但是，當我添加一個CSS3 box-shadow屬性到我的主div，對於背景框陰影，比菜單下拉效果變慢，並且不像它應該那樣平滑。

但是，當我刪除，從主div的CSS3 box-shadow屬性，比菜單下拉效果變得非常順利。這是我的主div：

#main { background: #fff; margin-top:20px; margin-bottom:0px; -moz-box-shadow: 0 0 10px #000000; 
    -webkit-box-shadow: 0 0 10px #000000; 
    box-shadow: 0 0 10px #000000; 
}

我做錯了什麼？

來源

2011-01-13 Hooshkar

提供一些代碼，請..你的「主」包含在你的html中是什麼？ – 2011-01-13 08:16:05

動畫陰影非常緩慢，因爲它們每次移動都必須重新計算。您將看到性能提升，如果你減少你的陰影效果的半徑，即：

-webkit-box-shadow: 0 0 3px #000000;

但我會下降的陰影效果（哈哈！），並改爲使用半透明邊框：

border: solid #ccc 10px; /*for older browsers*/ 
border: solid rgba(255,255,255,0.3) 10px; /*transparent border*/

來源

2011-01-13 13:05:13 Duopixel

CSS3 box-shadow屬性導致菜單下拉平滑

回答

相關問題