推薦十款來自極客標籤的超棒前端特效[第十三期]

jjfat發表於2013-09-04

本週,我們帶來了極客社群推薦的10款前端特效,仍然是非常有趣的小動態效果的頁面生成。喜歡的可以直接將我們的線上除錯程式碼插入,希望可以帶給大家一些更好的幫助和不同以往的更好的體驗! 一款JavaScript實現的迷宮發電機特效

一款JavaScript實現的迷宮發電機特效

發電機特效,超級有趣,希望大家喜歡!

GBdebug線上除錯地址:http://www.gbin1.com/gb/debug/40df48a3-2ed1-49fb-a770-9538b2bf1c89.htm 使用CSS實現的光環效應

使用CSS實現的光環效應效

光暈效果,可以自定義色彩和形狀,還不趕快來試試。

GBdebug線上除錯地址:http://www.gbin1.com/gb/debug/ac53e602-0fd8-4dc9-b2e0-ef25919b950f.htm 超炫立體特效背景

超炫立體特效

使用CSS實現的3D立體特效!色彩鮮豔,

GBdebug線上除錯地址:http://www.gbin1.com/gb/debug/f268a334-3605-49af-9c3a-b0684f6d9118.htm 使用CSS實現的視訊效果

使用CSS實現的預設皮膚的視訊效果

看到測試中的海豚了嗎?你有沒有一種想和他們一同游泳的感覺!超棒的一款特效!

GBdebug線上除錯地址:http://www.gbin1.com/gb/debug/a1b7f194-cb83-4e65-8d7b-19ef8133f960.htm 使用JavaScript實現的光學效應效果

使用CSS實現的視訊效果

閃光特效,特別適合高科技技術的背景,喜歡的快來收圖啊!

GBdebug線上除錯地址:http://www.gbin1.com/gb/debug/d7338ecf-d95e-4fb4-b3b8-9facb142dd17.htm 使用JavaScript實現的二維流體效果

使用JavaScript實現的二維流體效果

你可以全方位的自定義色彩和運動頻率,適合很多個性的網站設計!

GBdebug線上除錯地址:http://www.gbin1.com/gb/debug/5eba480b-c76d-44af-9c3a-0d573cfa654b.htm 使用CSS實現的動態三維立體特效

使用CSS實現的動態三維立體特效

絕對超酷的一款特效設計,3D獨立的三維球體絕對吸引你的眼球!

GBdebug線上除錯地址:http://www.gbin1.com/gb/debug/1282ecd8-3eed-41c7-a1f1-258f22616ea8.htm 使用CSSt實現的金字塔效果

使用CSSt實現的金字塔效果

立體式旋轉,自定義形狀和旋轉速度!絕對值得你收藏!

GBdebug線上除錯地址:http://www.gbin1.com/gb/debug/eae8655c-8875-42a7-b87b-28cce6e39a07.htm 使用CSS和JavaScript實現的分層效果

分層效果

輕似薄紗一樣的設計,其實就是分層帶來的效果,優美的流線型絕對是你的第一選擇!

GBdebug線上除錯地址:http://www.gbin1.com/gb/debug/26a9b1db-44ea-4503-8ccd-4b950e4cfbf9.htm 使用CSS實現三維旋轉立方體效果

三維旋轉特效

點選執行,你會看到一個全方位旋轉的特效,適合作為畫廊或者圖片展示!

GBdebug線上除錯地址:http://www.gbin1.com/gb/debug/de3272b1-a01d-4d77-a88b-a021831a4c18.htm

相關閱讀:

推薦10款來自極客標籤的超棒前端特效[第一期]
推薦10款來自極客標籤的超棒前端特效[第二期]
推薦10款來自極客標籤的超棒前端特效[第三期]
推薦10款來自極客標籤的超棒前端特效[第四期]
推薦10款來自極客標籤的超棒前端特效[第五期]
推薦10款來自極客標籤的超棒前端特效[第六期]
推薦10款來自極客標籤的超棒前端特效[第七期]
推薦八款來自極客標籤的超棒前端特效[第八期]
推薦八款來自極客標籤的超棒前端特效[第九期]
推薦十款來自極客標籤的超棒前端特效[第十期]

本期推薦已全部完成,有沒有你中意的那款,點開線上除錯,你可以從中獲取程式碼。

via 極客標籤

來源:推薦十款來自極客標籤的超棒前端特效[第十三期]

相關文章