阅读更多

5顶
0踩

Web前端

原创新闻 10 款超棒的 CSS/JavaScript 前端特效

2013-06-19 09:27 by 见习编辑 tyygming 评论(4) 有16723人浏览
本周,我们带来了极客社区推荐的10款前端特效,非常有趣的小游戏和页面效果。希望可以带给大家一些不同以往的更好的体验。

1.  使用CSS/JavaScript实现的小游戏

一款跳跃的玩偶游戏,非常有趣,快来放松一下自己吧。



在线调试

2.  CSS实现的雷达效果

自己动手做一款雷达测试仪吧



在线调试

3.  CSS实现的任天堂游戏机效果

一款游戏效果。动动你的鼠标,看看有什么变化。



在线调试

4.  JavaScript实现的动漫场景效果

一款动态的场景效果,让我们学习一下如何实现的吧。



在线调试

5.  CSS实现的阴影与图像叠加效果

在阴影下隐藏着一张图象。当叠加效果出现,你将会看到潜藏在下方的图片了。



在线调试

6.  CSS实现的卡通美少女

CSS实现的动态美少女,你也可以生成其他你喜欢的卡通人物。快来试试看吧。



在线调试

7.  CSS/JavaScript实现的粒子龙卷风的效果

疯狂龙卷风!



在线调试

8.  CSS/JavaScript实现的马赛克效果

想用你自己的脸坐一张马赛克图像吗?那你试试今天这款特效。



在线调试

9.  CSS实现的卡通河马的效果

超cute的一张河马脸!你不想即时拥有吗?



在线调试

10.  JavaScript实现的随机调试效果

看上去像不像音乐制作人的桌面?频率的高低非常逼真。绝对值得拥有!



在线调试

相关阅读:

Via 极客标签
来自: www.gbin1.com
5
0
评论 共 4 条 请登录后发表评论
4 楼 freedom_melody 2013-06-27 19:08
mark...
3 楼 东方沐雨 2013-06-23 19:35
mark...
2 楼 308202251 2013-06-22 10:46
mark...楼下的保持队形
1 楼 lizewu 2013-06-21 11:39
mark...

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    本周,我们带来了极客社区推荐的10款...推荐10款来自极客标签的超棒前端特效[第二期]推荐10款来自极客标签的超棒前端特效[第三期]推荐10款来自极客标签的超棒前端特效[第四期]推荐10款来自极客标签的超棒前端特效[第五

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

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

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

    本周推荐的10款来自极客社区的前端特效!希望大家会喜欢! 使用jQuery开发一个互动的过程图 这个演示使用了jQuery来生成一个阶段的展示效果图,点击每个阶段,会有动画的执行效果。 在线调试: ...

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

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

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

    本周,我们带来了极客社区推荐的10款前端特效,非常有趣的小游戏...推荐10款来自极客标签的超棒前端特效[第二期]推荐10款来自极客标签的超棒前端特效[第三期]推荐10款来自极客标签的超棒前端特效[第四期]推荐10款来自

  • 8个超棒的使用javascript开发的视觉特效网站

    随着flash的落寞及其HTML5...今天我们挑选了8个超棒的CSS3和javascript开发的视觉特效网站,希望大家喜欢!如果你也收藏了一些不错的网站,请留言和我们分享,谢谢! Joint London 拥有非常独特的导航设计 Le

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

    本周推荐的10款来自极客社区的前端特效!希望大家会喜欢! CSS实现的工厂动画效果 一套设备运作的卡通模拟效果,非常有趣! GBdebug在线调试地址:...

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

    本周推荐的10款来自极客社区的前端特效!希望大家会喜欢! 使用CSS和javascript来实现一个动画效果 非常有趣的一个动画效果,可以设定动画的播放时间和步骤。快来试试吧! GBdebug在线调试地址:...

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

    本周推荐的10款来自极客社区的前端特效!希望大家会喜欢! 使用javascript生成的植物显示过程特效 这是一款使用javascript生成的一个蕨类植物从无到有的显示过程特效。动动你的鼠标,看看你都发现了什么? ...

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

    本周推荐的10款来自极客社区的前端特效!希望大家会喜欢! 使用CSS实现网格矩阵多维体效果 用鼠标触动旋转魔方,会将其转化为立体模式旋转。 GBdebug在线调试地址:...

  • 推荐十款来自极客标签的超棒前端特效

    本周我们推荐来自极客标签社区带来的10款超棒前端特效,大家可以在这里免费下载你需要的内容。如果你也有更好的作品,欢迎分享到社区中来,在得到帮助的同时,也能与更多人分享来自你的作品。 运用jQuery and CSS...

  • Struts入门

    或许有人觉得struts不容易学,似乎里面的一些概念让未接触过的人迷惑,MVC1、MVC2、模式……我写这篇文章是想让从来没有接触过struts的人,能有个简单的入门指引,当然,系统地学习struts是必要的,里面有很多让人心醉的东东,那是后话了。   该案例包括首页,用户登陆、网站向导页面。就这么简单,没有深奥的struts概念,主要靠动手,然后用心体会。   WEB Server用to

  • 2009!新年祝福!

    祝愿,我的家人,我认识的朋友,同事!新年快乐!健康!

  • Structs中基本配置入门

    第一章Structs的基本配置1.为Structs应用配置Web.xml文件第一步:配置ActionServlet  action  org.appache.structs.ActionServlet   action   *.do注意:不管应用中包含多少个子应用,都只需配置一个ActionServlet,因为ActionServlet支持多线程,目前的Structs框架只允许在应用中配置一个Ac

  • Struts学习傻瓜式入门篇

       或许有人觉得struts不容易学,似乎里面的一些概念让未接触过的人迷惑,MVC1、MVC2、模式……我写这篇文章是想让从来没有接触过struts的人,能有个简单的入门指引,当然,系统地学习struts是必要的,里面有很多让人心醉的东东,那是后话了。  该案例包括首页,用户登陆、网站向导页面。就这么简单,没有深奥的struts概念,主要靠动手,然后用心体会。  WEB Server

  • Struts应用的七个经验

    Struts应用的七个经验    本文叙述了作者在运用Struts过程中来之不易的若干经验和心得。如果你是jsp和servlet开发Web应用的Java程序员,并且也正在考虑采用基于Struts的构建方法的话,那么你会在这里发现很多颇有见地同时也很有价值的信息。1. 只在必要的时候才考虑扩展Struts框架  一个好的framework有很多优点,首先,它必须能够满足用户的可预见的需求。为

  • 界面设计(struts)

    以下是我个人开发的一个订单管理程序的订单录入介面. (开发平台jdk1.4+tomcat5.0+sql2000+struts1.1)主要使用了javascript(子父窗口控制,弹出新窗口,子父窗口之间传值).以下是具体步骤.第一步:主档添加介面(如图1)当点击客户代号右边的按钮时.将弹出一个子窗口,然后点击子窗口中的"选择"链接.所选的客户资料将传递到父窗口表单中.

  • Struts开发

    我们第一步开始配置Tomcat的连接池 首先我们将MySQL的JDBC驱动拷贝到${TOMCAT_HOME}/common/lib下面,更改MyWeb设置如下 path="/MyWeb" reloadable="true" docBase="E:/DEV/MyWeb/web" workDir="E:/DEV/MyWeb/work/org/apache/jsp" >     设置连接池的JND

  • Struts原理与实践(3)

    一、JDBC的工作原理 Struts在本质上是java程序,要在Struts应用程序中访问数据库,首先,必须搞清楚Java Database Connectivity API(JDBC)的工作原理。正如其名字揭示的,JDBC库提供了一个底层API,用来支持独立于任何特定SQL实现的基本SQL功能。提供数据库访问的基本功能。它是将各种数据库访问的公共概念抽取出来组成的类和接口。JDBC API包括两

Global site tag (gtag.js) - Google Analytics