2015-06-11 76 views
0

我正在使用Velocity UI包與Blast.js(用於處理文本)。基本的東西,將分隔符選項放入字符中,然後使用帶有交錯和預構建效果的UI包進行動畫製作。Velocity.js UI包效果不適用於Blast.js

問題是無論我使用什麼效果,我總是會得到淡出效果。

在同一頁上,我將徽標分成三部分,所有效果在那裏都很有用。當然,那裏沒有Blast.js。

下面是使用的代碼:

 // animate text 
     $('.logo-text-1, .logo-text-2').blast({delimiter : 'character'}).velocity("transition.bounceUpOut", { 
      stagger: 60, 
      delay: 1000, 
      complete: function() { 
      $('body').addClass('loaded'); 
      $('.spinner').fadeOut(); 
      } 
      }); 

     // animate logo 
     $('.logo-piece').velocity('transition.slideRightBigOut', { 
     stagger: 150, 
     delay: 1500 
    }) 

此外,這裏是測試網站的鏈接: http://madebym.me/test/polar-publishing/

回答

0

好像我錯過了什麼小事。我忘了將它添加到CSS中。

.blast{display: inline-block;opacity: 1;}