重所周知，在處理頁面的時候，動畫會給靜態頁面帶了一些生機，我們也會在製作頁面的時候考慮增加一些動畫效果，來增強頁面的使用者體驗。但是需要注意的是，不是所有的動畫都能增強使用者體驗，也需要慎重使用動畫。時刻牢記一條準則：【要麼實用，要麼優雅，要麼死路一條！】
我在之前也對velocity.js這個動畫庫做過簡單的介紹（製作炫酷的專題頁面、velocity序列動畫、velocity自定義動畫），今天主要了解一下文字相關的動畫效果。
該外掛程式提供了兩個方法，乙個是初始化方法：$.fn.initreveal(options)，另外乙個是執行方法，當設定auto為false時，可以自定義觸發方式，如：點選、滑鼠進入等事件。
更加強大的文字動畫blast.js+velocity.js
首先隆重推出的是blast.js，它是專門分割文字元素的js，提供了多重分個方式和一些其他引數，方便對文字進行相關css樣式設定或者動畫相關。
我們先看一下簡單的使用方式：
//使用前
hello world
//使用js
$("div").blast();
//使用後
hello
world
//可以恢復合成後的dom
$('div').blast(false);
上述的方式，可以將乙個完整的文字分割成你想要的效果。然後就可以結合velocity.js設定動畫了。$("div").blast().velocity("transition.fadein", )以此為例，可以給單個元素執行各種你需要的動畫，包括入場和出場。剩下就需要你獨一無二的創造力了~
jQuery文字動畫效果
這裡跟大家分享一款jquery的外掛程式，即使用jquery將文字有一定的動畫效果。jquery.texteffects.js 使用方法也很簡單 引入上述的js檔案，然後給你的文字加上乙個class，寫如下jquery 這裡是外掛程式的些引數的設定方法 texteffect speed specif...
iOS 螢幕解鎖文字動畫效果
cagradie程式設計客棧ntlayer相信大家都比較熟悉，關於其如何使用，我就不在這裡廢話了，網上有很多介紹，想詳細了解的話，可以去看看。我只簡單說下如何利用przpjptdcagradientlayer製作螢幕解鎖文字動畫效果。1 建立乙個cagradientlayer物件gradlayer，...
flex動畫效果
6.1 認識行為物件 6.1.1 什麼是行為物件 行為物件可以看作是觸發器 trigger 和動畫效果 effect 的結合體。觸發器和事件並不相同，針對乙個事件的觸發器，受到事件的制約。事件可以被監聽，而觸發器不可以。元件定義了多種觸發器，成為本身的乙個屬性，這些觸發器預設沒有設定動畫效果。行為物...