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

淡淡的烟草味﹌ 2022-02-22 23:22 209阅读 0赞

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

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

[使用CSS和javascript来实现一个动画效果][CSS_javascript]

[![使用CSS和javascript来实现一个动画效果][CSS_javascript 1]][CSS_javascript]

非常有趣的一个动画效果，可以设定动画的播放时间和步骤。快来试试吧！

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/bb097ec7-7407-4e3e-9312-84be59dfb47f.htm][http_www.gbin1.com_gb_debug_bb097ec7-7407-4e3e-9312-84be59dfb47f.htm]

## [使用 javascript实现的三维彩虹矩阵转换][javascript] ##

[![使用 javascript实现的三维彩虹矩阵转换][javascript 1]][javascript]

试过一款可以360度顺时针旋转效果吗？这是一款可以自定义色彩的旋转效果，希望大家喜欢！

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/9b5d8560-8c5f-40e8-ad7c-a750b697ff38.htm][http_www.gbin1.com_gb_debug_9b5d8560-8c5f-40e8-ad7c-a750b697ff38.htm]

## [CSS实现的帘幕效果][CSS] ##

[![CSS实现的帘幕效果][CSS 1]][CSS]

鼠标经过犹如帘幕效果，非常有趣！

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/bdb3dbe1-be58-4df7-b0e8-394a8ba0a837.htm][http_www.gbin1.com_gb_debug_bdb3dbe1-be58-4df7-b0e8-394a8ba0a837.htm]

## [CSS 实现Flash动画（光的效果）][CSS _Flash] ##

[![CSS 实现Flash动画（光的效果）][CSS _Flash 1]][CSS _Flash]

光的玄动效果，你肯定会喜欢！

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/ab1f1596-a0d7-4583-a16b-6dedda54e885.htm][http_www.gbin1.com_gb_debug_ab1f1596-a0d7-4583-a16b-6dedda54e885.htm]

## [使用CSS和javascript来实现的效果][CSS_javascript 2] ##

[![5.jpg][]][CSS_javascript 2]

这是一款可以通过+或－来增加或减少方块的数量的特效。

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/f2ca8084-f148-4e39-b93a-bf562af519ac.htm][http_www.gbin1.com_gb_debug_f2ca8084-f148-4e39-b93a-bf562af519ac.htm]

## [CSS实现菜单效果][CSS 2] ##

[![CSS实现菜单效果][CSS 3]][CSS 2]

这是一款使用CSS来实现菜单效果的特效。非常的实用！

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/7f54b3e2-2e79-47a5-8377-462b1d83844e.htm][http_www.gbin1.com_gb_debug_7f54b3e2-2e79-47a5-8377-462b1d83844e.htm]

## [纯CSS3制作的菜单效果 ][CSS3_] ##

# #

[![纯CSS3 制作的菜单效果][CSS3]][CSS3_]

这是另一款单独实用CSS3来创建的菜单效果！

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/ac1ceba4-e3b4-452b-bdc4-b114a18ee6d8.htm][http_www.gbin1.com_gb_debug_ac1ceba4-e3b4-452b-bdc4-b114a18ee6d8.htm]

## [javascript实现的一个随机性效果][javascript 2] ##

[![javascript实现的一个随机性效果][javascript 3]][javascript 2]

这是一款使用javascript来实现的随机效果。

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/9a95bde7-3968-44ca-beee-42ec1efc960a.htm][http_www.gbin1.com_gb_debug_9a95bde7-3968-44ca-beee-42ec1efc960a.htm]

## [使用CSS来实现一个入口效果 ][CSS_]    ##

[![10.jpg][]][CSS_]

这是一款使用CSS 来实现的一个焦点与脉冲发光效果的输入入口设计。

GBdebug在线调试地址：[http://www.gbin1.com/gb/debug/48998390-420c-45ea-bf5d-e0883e1dba94.htm][http_www.gbin1.com_gb_debug_48998390-420c-45ea-bf5d-e0883e1dba94.htm]

via [ 极客社区 ][Link 1]

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

[GBin1.com]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/
[Link 1]: http://www.gbtags.com
[CSS_javascript]: http://www.gbtags.com/gb/share/889.htm
[CSS_javascript 1]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/1.jpg
[http_www.gbin1.com_gb_debug_bb097ec7-7407-4e3e-9312-84be59dfb47f.htm]: http://www.gbtags.com/gb/debug/bb097ec7-7407-4e3e-9312-84be59dfb47f.htm
[javascript]: http://www.gbtags.com/gb/share/888.htm
[javascript 1]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/2.jpg
[http_www.gbin1.com_gb_debug_9b5d8560-8c5f-40e8-ad7c-a750b697ff38.htm]: http://www.gbtags.com/gb/debug/9b5d8560-8c5f-40e8-ad7c-a750b697ff38.htm
[CSS]: http://www.gbtags.com/gb/share/885.htm
[CSS 1]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/3.jpg
[http_www.gbin1.com_gb_debug_bdb3dbe1-be58-4df7-b0e8-394a8ba0a837.htm]: http://www.gbtags.com/gb/debug/bdb3dbe1-be58-4df7-b0e8-394a8ba0a837.htm
[CSS _Flash]: http://www.gbtags.com/gb/share/884.htm
[CSS _Flash 1]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/4.jpg
[http_www.gbin1.com_gb_debug_ab1f1596-a0d7-4583-a16b-6dedda54e885.htm]: http://www.gbtags.com/gb/debug/ab1f1596-a0d7-4583-a16b-6dedda54e885.htm
[CSS_javascript 2]: http://www.gbtags.com/gb/share/883.htm
[5.jpg]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/5.jpg
[http_www.gbin1.com_gb_debug_f2ca8084-f148-4e39-b93a-bf562af519ac.htm]: http://www.gbtags.com/gb/debug/f2ca8084-f148-4e39-b93a-bf562af519ac.htm
[CSS 2]: http://www.gbtags.com/gb/share/877.htm
[CSS 3]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/6.jpg
[http_www.gbin1.com_gb_debug_7f54b3e2-2e79-47a5-8377-462b1d83844e.htm]: http://www.gbtags.com/gb/debug/7f54b3e2-2e79-47a5-8377-462b1d83844e.htm
[CSS3_]: http://www.gbtags.com/gb/share/873.htm
[CSS3]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/8.jpg
[http_www.gbin1.com_gb_debug_ac1ceba4-e3b4-452b-bdc4-b114a18ee6d8.htm]: http://www.gbtags.com/gb/debug/ac1ceba4-e3b4-452b-bdc4-b114a18ee6d8.htm
[javascript 2]: http://www.gbtags.com/gb/share/872.htm
[javascript 3]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/9.jpg
[http_www.gbin1.com_gb_debug_9a95bde7-3968-44ca-beee-42ec1efc960a.htm]: http://www.gbtags.com/gb/debug/9a95bde7-3968-44ca-beee-42ec1efc960a.htm
[CSS_]: http://www.gbtags.com/gb/share/845.htm
[10.jpg]: http://www.gbin1.com/technology/javascript/20130509-gbtags-front-end-demo/10.jpg
[http_www.gbin1.com_gb_debug_48998390-420c-45ea-bf5d-e0883e1dba94.htm]: http://www.gbtags.com/gb/debug/48998390-420c-45ea-bf5d-e0883e1dba94.htm