轉載: 14款震撼人心的HTML5文字特效
今天我們向大家精選了14款震撼人心的HTML5文字特效,這些文字特效有超酷的動畫型別,也有清新的3D型別,不多說,一起來看看。
1、CSS3五彩文字特效 文字帶陰影效果
這是一款非常具有卡通形象的CSS3五彩文字特效,雖然沒有迷人的動畫效果,但是五彩繽紛的文字展現在螢幕上也是非常酷的,再加上每一個文字都有不同角度的陰影效果,加上漂亮的英文字型,讓整一個文字特效顯得非常出色迷人,大家可以在宣傳廣告頁面試試這款CSS3文字特效。
2、HTML5/CSS3 Loading動畫 水位充滿文字特效
這款既是Loading特效也是文字特效,Loading動畫開始時,文字中的水位漸漸上升,為了模擬水位上升的真實效果,水面還會波浪浮動,當Loading動畫結束時,文字中的水位又會漸漸退去,動畫效果和上升類似,這樣周而復始,從而達到很酷HTML5 Loading動畫效果。
今天我們要來分享一款非常簡單大氣的HTML5 3D文字特效,這個3D文字特效是通過文字加粗以及文字陰影來實現的,效果非常不錯。同時我們在html5tricks網站上也分享過很多炫酷的文字特效,比如CSS3文字陰影效果 陰影角度可隨滑鼠變化、動感的CSS3 Loading文字特效。
4、HTML5火焰文字特效
之前我們分享過不少基於HTML5和CSS3的文字特效,有3D的文字效果,也有動畫文字特效。今天我們分享的這款HTML5文字特效是火焰燃燒的效果,比較消耗CPU,但是動畫效果還是比較酷的。另外,再推薦一款HTML5文字特效:
5、HTML5/CSS3 3D文字特效 文字立體可旋轉
今天我們要分享一款效果挺不錯的HTML5 3D文字特效,首先文字本身具有投影的立體效果,再加上文字的旋轉擺動動畫,就更顯文字3D動感了。之前我們也分享過幾款挺不錯的HTML5文字特效,像HTML5/CSS3 3D文字特效 文字外翻效果,也具有3D的效果。
6、CSS3文字陰影效果 陰影角度可隨滑鼠變化
之前我們有分享過一款很酷的CSS3文字陰影外掛HTML5/CSS3文字投影特效 乳白陰影文字效果,今天要分享的也是CSS3文字陰影效果,不同的是今天這款CSS3文字陰影的角度可以隨著滑鼠的移動而發生變化,即陰影可動態調整,非常實用。
7、動感的CSS3 Loading文字特效
這是一款非常帥的CSS3 Loading載入動畫,儘管看上去只有Loading這幾個字母,但是利用CSS3特性,可以把這幾個字母渲染得非常動感。和之前推薦的CSS3 Loading動畫純CSS3載入Loading動畫圖不同,這款Loading動畫僅僅幾個字母就可以展現令人震撼的效果。
8、HTML5畫素文字爆炸重組動畫特效
HTML5可以把文字效果做得非常酷,就像之前分享的HTML5/CSS3發光文字和HTML5/CSS3文字投影特效就非常絢麗。今天我們要分享一款基於HTML5技術的文字畫素爆炸重組動畫特效,我們可以在輸入框中指定任意文字,點選確定按鈕後,就會將原先的文字爆炸散去,新的文字以畫素點的形式組合起來,看起來非常棒。
9、HTML5/CSS3 3D文字特效 文字外翻效果
之前我們分享過一款CSS3 3D文字特效HTML5/CSS3文字投影特效,加上投影和漸變,效果還是非常不錯。今天我們再來分享一款很酷的HTML5/CSS3 3D文字特效,該文字特效的效果是滑鼠滑過文字就會出現3D外翻的效果,非常不錯的一款文字特效。
10、HTML5/CSS3發光文字 可自定義文字色彩
前幾天我已經向大家分享了兩款HTML5/CSS3文字特效,尤其是這款HTML5 Canvas字母文字顆粒動畫 可設定重力感應,更是動感。今天要分享的這款HTML5/CSS3文字效果也十分帥,滑鼠滑過文字時,文字會出現發光的特效,並且我們可以自定義文字和顏色。
11、HTML5/CSS3文字投影特效 乳白陰影文字效果
之前向大家分享過一款HTML5 Canvas字母文字顆粒動畫,效果非常不錯,由此可見,利用HTML5和CSS3可以方便的實現很多以前很難實現的文字特效。今天我要向大家介紹一款HTML5/CSS3文字投影特效,它的使用也很簡單,HTML5文字陰影效果也比較酷。
12、HTML5 Canvas字母文字顆粒動畫 可設定重力感應
網頁文字在一般情況下只能設定顏色、大小、粗細等基本的特徵,但是利用HTML5技術,我們可以讓網頁文字變得更加絢麗和動感。今天要分享的這款HTML5 Canvas字母文字動畫效果很不錯,它可以讓26個英文字母實現顆粒跳動的效果,你不僅可以設定需要播放動畫的字母,也可以設定不同的效果方式,而且也可以設定重力感應效果,是一款非常不錯的HTML5文字特效。
13、HTML5/CSS3顏色漸變文字 可指定文字路徑
之前我們分享過一些很酷的HTML5文字特效,像這款HTML5/CSS3 3D文字特效的摺疊效果非常不錯,這款HTML5/CSS3發光文字 可自定義文字色彩也很絢麗。今天我們來分享一款利用SVG實現的文字按路徑顯示應用,同時文字的填充色也有漸變的效果。
14、HTML5擺動的文字特效 類似柳枝擺動
之前我們在上分享過一些HTML5文字特效,像這款HTML5/CSS3 3D文字特效 文字外翻效果,像這款HTML5畫素文字爆炸重組動畫特效都非常有特色。今天我們來分享一款可以擺動的HTML5文字特效,文字垂直下垂,並可以在微風中微微擺動,就像春風中的柳枝一樣。
以上就是14款震撼人心的HTML5文字特效,歡迎收藏分享。