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

旧城等待， 2022-03-12 03:18 159阅读 0赞

日期：2013-4-3  来源：[GBin1.com][]

本周推荐的10款来自[极客社区][Link 1]的前端特效！希望大家会喜欢！

## [使用jQuery开发一个互动的过程图 ][jQuery_] ##

[![特效][1.jpg]][jQuery_]

这个演示使用了[jQuery][]来生成一个阶段的展示效果图，点击每个阶段，会有动画的执行效果。

在线调试： [ http://www.gbtags.com/gb/debug/667f0061-c769-4d73-b193-a84548e92631.htm][http_www.gbtags.com_gb_debug_667f0061-c769-4d73-b193-a84548e92631.htm]

## [Javascript/css实现的液体效果 ][Javascript_css_] ##

[![Javascript/css实现的液体效果][Javascript_css]][Javascript_css_]

可以自有定义里面颗粒的颜色与数量。 非常方便使用。

在线调试：[http://www.gbtags.com/gb/debug/6c49ff93-f1e8-46cf-b15e-238a958239ce.htm][http_www.gbtags.com_gb_debug_6c49ff93-f1e8-46cf-b15e-238a958239ce.htm]

## [头像闪亮掠过效果][Link 2] ##

[![头像闪亮掠过效果][3.jpg]][Link 2]

使用[CSS3][]实现的一个头像闪亮掠过效果，相信如果应用到你的头像上，绝对非常的有趣！

在线调试：[http://www.gbtags.com/gb/debug/02efca3e-40c8-4901-a761-9f0b5e9e88a0.htm][http_www.gbtags.com_gb_debug_02efca3e-40c8-4901-a761-9f0b5e9e88a0.htm]

## [一个CSS实现的开关按钮 ][CSS_] ##

[![一个CSS实现的开关按钮][CSS]][CSS_CSS]

非常有趣的一组[按钮设计][Link 3]，强烈的按键感绝对会让你眼前一亮！

在线调试：[http://www.gbtags.com/gb/debug/5faa17b0-6f8b-4b5f-bd22-1d36c6f71182.htm][http_www.gbtags.com_gb_debug_5faa17b0-6f8b-4b5f-bd22-1d36c6f71182.htm]

## [燃烧的火焰效果！（JavaScript） ][JavaScript_] ##

[![燃烧火焰的效果][5.jpg]][JavaScript_]

如果你还不了解如果使一个火焰燃烧起来，那你一定不要错过！

在线调试：**[......][]**

via [极客社区][Link 1]

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

[GBin1.com]: http://www.gbin1.com/technology/javascript/20130403-gbtags-front-end-demo/
[Link 1]: http://www.gbtags.com
[jQuery_]: http://gbtags.com/gb/share/684.htm
[1.jpg]: http://www.gbin1.com/technology/javascript/20130403-gbtags-front-end-demo/1.jpg
[jQuery]: http://www.gbin1.com/bloghome.html?tag=jquery
[http_www.gbtags.com_gb_debug_667f0061-c769-4d73-b193-a84548e92631.htm]: http://gbtags.com/gb/debug/667f0061-c769-4d73-b193-a84548e92631.htm
[Javascript_css_]: http://gbtags.com/gb/share/584.htm
[Javascript_css]: http://www.gbin1.com/technology/javascript/20130403-gbtags-front-end-demo/2.jpg
[http_www.gbtags.com_gb_debug_6c49ff93-f1e8-46cf-b15e-238a958239ce.htm]: http://gbtags.com/gb/debug/6c49ff93-f1e8-46cf-b15e-238a958239ce.htm
[Link 2]: http://gbtags.com/gb/share/592.htm
[3.jpg]: http://www.gbin1.com/technology/javascript/20130403-gbtags-front-end-demo/3.jpg
[CSS3]: http://www.gbin1.com/bloghome.html?tag=css3
[http_www.gbtags.com_gb_debug_02efca3e-40c8-4901-a761-9f0b5e9e88a0.htm]: http://gbtags.com/gb/debug/02efca3e-40c8-4901-a761-9f0b5e9e88a0.htm
[CSS_]: http://gbtags.com/gb/share/602.htm
[CSS]: http://www.gbin1.com/technology/javascript/20130403-gbtags-front-end-demo/4.jpg
[CSS_CSS]: http://www.gbtags.com/gb/share/602.htm
[Link 3]: http://www.gbin1.com/bloghome.html?tag=button
[http_www.gbtags.com_gb_debug_5faa17b0-6f8b-4b5f-bd22-1d36c6f71182.htm]: http://gbtags.com/gb/debug/5faa17b0-6f8b-4b5f-bd22-1d36c6f71182.htm
[JavaScript_]: http://gbtags.com/gb/share/607.htm
[5.jpg]: http://www.gbin1.com/technology/javascript/20130403-gbtags-front-end-demo/5.jpg
[......]: http://www.gbtags.com/gb/debug/ba0d5820-915a-4de6-b01e-4c4378fd1345.htm