2014-12-07 88 views
1

我的CSS動畫有延遲。 我想立即開始動畫。試圖改變下面的一些值,但無法取得結果。css3動畫 - 麻煩理解css屬性

.wpb_start_animation.wpb_appear { 
animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running wpb_appear; 
} 

頁:www.globalig.com

感謝。

+0

頁面仍在「加載」,因此動畫被延遲。 – Kyslik 2014-12-07 16:15:14

+0

這裏沒有延遲。嘗試Chrome開發工具,找到「.wpb_start_animation.wpb_appear」並嘗試檢查/取消選中「webkit-animation」屬性。沒有延遲。原因是別的。 – 2014-12-07 16:16:57

+0

我實際上是在GCH開發工具中檢查,並且我得到了300ms的頁面加載(只是爲了「下載」頁面)我在歐洲(並且具有良好的互聯網連接)。請參閱http://i.stack.imgur.com/PqQdk.png – Kyslik 2014-12-07 16:18:35

回答

2

動畫只能由jQuery啓動。因此,直到jQuery加載完畢,你纔會看到任何東西。

嘗試將.wpb_start_animation直接添加到您的容器,而不是.wpb_animate_when_almost_visible類。