推荐十款来自极客标签的超棒前端特效[第十三期]

深碍√TFBOYSˉ_ 2023-06-18 15:52 80阅读 0赞

日期：2013-8-26  来源：[GBin1.com][]

本周，我们带来了[极客社区][Link 1]推荐的10款前端特效，仍然是非常有趣的小动态效果的页面生成。喜欢的可以直接将我们的在线调试代码插入，希望可以带给大家一些更好的帮助和不同以往的更好的体验！

## [一款JavaScript实现的迷宫发电机特效][JavaScript] ##

[![一款JavaScript实现的迷宫发电机特效][JavaScript 1]][JavaScript]

发电机特效，超级有趣，希望大家喜欢！

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/40df48a3-2ed1-49fb-a770-9538b2bf1c89.htm][http_www.gbin1.com_gb_debug_40df48a3-2ed1-49fb-a770-9538b2bf1c89.htm]

## [使用CSS实现的光环效应 ][CSS_] ##

[![使用CSS实现的光环效应效][CSS]][CSS_]

光晕效果，可以自定义色彩和形状，还不赶快来试试。

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/ac53e602-0fd8-4dc9-b2e0-ef25919b950f.htm][http_www.gbin1.com_gb_debug_ac53e602-0fd8-4dc9-b2e0-ef25919b950f.htm]

## [超炫立体特效背景][Link 2] ##

[![超炫立体特效][3.jpg]][Link 2]

使用CSS实现的3D立体特效！色彩鲜艳，

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/f268a334-3605-49af-9c3a-b0684f6d9118.htm][http_www.gbin1.com_gb_debug_f268a334-3605-49af-9c3a-b0684f6d9118.htm]

## [使用CSS实现的视频效果][CSS 1] ##

[![使用CSS实现的默认皮肤的视频效果][CSS 2]][CSS 1]

看到测试中的海豚了吗？你有没有一种想和他们一同游泳的感觉！超棒的一款特效！

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/a1b7f194-cb83-4e65-8d7b-19ef8133f960.htm][http_www.gbin1.com_gb_debug_a1b7f194-cb83-4e65-8d7b-19ef8133f960.htm]

## [使用JavaScript实现的光学效应效果][JavaScript 2] ##

[![使用CSS实现的视频效果][CSS 3]][JavaScript 2]

闪光特效，特别适合高科技技术的背景，喜欢的快来收图啊！

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/d7338ecf-d95e-4fb4-b3b8-9facb142dd17.htm][http_www.gbin1.com_gb_debug_d7338ecf-d95e-4fb4-b3b8-9facb142dd17.htm]

## [使用JavaScript实现的二维流体效果 ][JavaScript_] ##

......

相关阅读：

*  [推荐10款来自极客标签的超棒前端特效\[第一期\]][10]
 *  [推荐10款来自极客标签的超棒前端特效\[第二期\]][10 1]
 *  [推荐10款来自极客标签的超棒前端特效\[第三期\]][10 2]
 *  [推荐10款来自极客标签的超棒前端特效\[第四期\]][10 3]
 *  [推荐10款来自极客标签的超棒前端特效\[第五期\]][10 4]
 *  [推荐10款来自极客标签的超棒前端特效\[第六期\]][10 5]
 *  [推荐10款来自极客标签的超棒前端特效\[第七期\]][10 5]
 *  [推荐八款来自极客标签的超棒前端特效\[第八期\]][Link 3]
 *  [推荐八款来自极客标签的超棒前端特效\[第九期\]][Link 4]
 *  [推荐十款来自极客标签的超棒前端特效\[第十期\]][Link 5]

本期推荐已全部完成，有没有你中意的那款，点开在线调试，你可以从中获取代码。

via [极客标签][Link 1]

### 来源：[推荐十款来自极客标签的超棒前端特效\[第十三期\]][GBin1.com] ###

[GBin1.com]: http://www.gbin1.com/technology/javascript/20130826-front-end-demo/
[Link 1]: http://www.gbtags.com
[JavaScript]: http://www.gbtags.com/gb/share/1527.htm
[JavaScript 1]: http://www.gbin1.com/technology/javascript/20130826-front-end-demo/1.jpg
[http_www.gbin1.com_gb_debug_40df48a3-2ed1-49fb-a770-9538b2bf1c89.htm]: http://www.gbtags.com/gb/debug/40df48a3-2ed1-49fb-a770-9538b2bf1c89.htm
[CSS_]: http://www.gbtags.com/gb/share/1546.htm
[CSS]: http://www.gbin1.com/technology/javascript/20130826-front-end-demo/2.jpg
[http_www.gbin1.com_gb_debug_ac53e602-0fd8-4dc9-b2e0-ef25919b950f.htm]: http://www.gbtags.com/gb/debug/ac53e602-0fd8-4dc9-b2e0-ef25919b950f.htm
[Link 2]: http://www.gbtags.com/gb/share/1548.htm
[3.jpg]: http://www.gbin1.com/technology/javascript/20130826-front-end-demo/3.jpg
[http_www.gbin1.com_gb_debug_f268a334-3605-49af-9c3a-b0684f6d9118.htm]: http://www.gbtags.com/gb/debug/f268a334-3605-49af-9c3a-b0684f6d9118.htm
[CSS 1]: http://www.gbtags.com/gb/share/1551.htm
[CSS 2]: http://www.gbin1.com/technology/javascript/20130826-front-end-demo/4.jpg
[http_www.gbin1.com_gb_debug_a1b7f194-cb83-4e65-8d7b-19ef8133f960.htm]: http://www.gbtags.com/gb/debug/a1b7f194-cb83-4e65-8d7b-19ef8133f960.htm
[JavaScript 2]: http://www.gbtags.com/gb/share/1564.htm
[CSS 3]: http://www.gbin1.com/technology/javascript/20130826-front-end-demo/5.jpg
[http_www.gbin1.com_gb_debug_d7338ecf-d95e-4fb4-b3b8-9facb142dd17.htm]: http://www.gbtags.com/gb/debug/d7338ecf-d95e-4fb4-b3b8-9facb142dd17.htm
[JavaScript_]: http://www.gbtags.com/gb/share/1570.htm
[10]: http://www.gbin1.com/technology/javascript/20130403-gbtags-front-end-demo/
[10 1]: http://www.gbin1.com/technology/javascript/20130503-gbtags-front-end-demo/
[10 2]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/
[10 3]: http://www.gbin1.com/technology/javascript/20130513-gbtags-front-end-demo/
[10 4]: http://www.gbin1.com/technology/javascript/20130520-gbtags-front-end-demo/
[10 5]: http://www.gbin1.com/technology/javascript/20130617-front-end-demo/
[Link 3]: http://www.gbin1.com/technology/javascript/20130624-front-end-demo/
[Link 4]: http://www.gbin1.com/technology/javascript/20130711-front-end-demo/index.html
[Link 5]: http://www.gbin1.com/technology/javascript/20130715-front-end-demo/