阅读更多

5顶
0踩

Web前端

翻译新闻 21 个超酷的 Web 设计推荐

2012-03-31 16:06 by 见习编辑 tyygming 评论(3) 有7613人浏览

如果你想让你的网站与众不同,并且留给访客极深的印象,创建一个超炫的特效网站绝对是你第一步需要去考虑的,这里我们收集了21个效果超酷的网站。希望能够给大家带来灵感。

1.  Layrr

如果你访问这个网站,你将体验到超酷的滚动特效。通过滚动可以显示更多极具创意的信息。

 

 

2.  Contain.r

当鼠标悬停在一个项目图片上,将会展现快速显示的幻灯,当鼠标离开,则恢复到当前图片。

 

 

3.  Faces of New York Fashion Week

这里我们可以看到超酷的黑白风格的悬停特效,如果你缩放页面,你可以看到动态的项目重新组织效果。

 

 

4.  Subsens

这个网站使用超顺滑的幻灯方式导航。点击顶端的一个项目,你将看到精彩的手风琴效果。

 

 

5.  Soleil Noir 2012

这个网站展示了超酷的滚动体验。

 

 

6.  Air Jordan 2012

使用超酷的视差滚动的网站设计,你肯定会印象深刻的。

 

 

7.  3Digital

另外一个将整个网站设计成一个幻灯的典范。每一个元素都是滑动显示。所有的体验都非常贴切。

 

 

8.  HERR LEDER

这里你可以看到另外一个滚动的复活节彩蛋,背景是动态变化的。

 

 

9.  TokioLab!

添加了特殊效果的滚动特效,包括视差和字体缩放。

 

 

10.  MENDO

提供了一种形式新颖的书籍浏览体验,并且提供全页面图片浏览。

 

 

11.  Colorz

你将会惊叹于个人作品集的悬停特效。图片出现的方向将取决于鼠标进入和离开的方向 。

 

 

12.  MahiFX

一个非常顺畅的滚动特效并且带有辅助特效。

 

 

13.  CCR – 10 Anos de IPO

这个网站整合了滚动特效和时间线,展示了公司每年的业绩。注意模糊图片的细节,这样使得体验更加真实。

 

 

14.  g4interactive

这个网站中元素旋转了45度,创造了一种超新颖的浏览方式。

 

 

15.  TAG REACTION

使用化学元素?在这个网站你可以滚动浏览很多有趣的“分子聚合”。看看每一个反应的结果吧,绝对具有创意。

 

 

16.  Yuna Kim

非常棒的悬停特效。看看各种形状的跳跃及顶端菜单条的滑动效果。

 

 

17.  Manual

具有令人惊叹的项目导航,点击项目并且选择一个选项来看看各种项目的滑动和淡出效果吧。

 

 

18.  One Darnley Road

看看菜单特效及内容幻灯,非常棒!

 

 

19.  Barcito Chicago

拥有超棒的滚动和幻灯效果。

 

 

20.  Bagigia

通过滚动,展示更多的商品细节。

 

 

21.  Acuterays

一个超棒的滚动特效网站,使用非对称的设计元素。

 

 

英文原文:MORE EXAMPLES OF FRESH EFFECTS IN WEB DESIGN

来自: www.gbin1.com
5
0
评论 共 3 条 请登录后发表评论
3 楼 jacking124 2012-04-01 13:48
嗯,不错的。
2 楼 vane002 2012-04-01 10:47
有源码么。。给看看。。3Q!
1 楼 c297186864 2012-04-01 09:32
就是看动画么?

发表评论

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

相关推荐

  • JavaScript 超酷网页数码钟表

    内容索引:脚本资源,Ajax/JavaScript,时钟,钟表 JavaScript 超酷网页时钟动画,实现一款动态的数码钟表,特点:一是漂亮,设计简洁,但美感十足,作者很有美术功底哦;二是动感,时钟的秒数在不同的翻动,每走一秒就...

  • 分享21个最新的超酷web设计特效

    如果你想让你的网站与众不同并且留给访客极深的印象,创建一个超炫的特效网站绝对是你第一步需要去考虑的,这里我们收集了21个超酷设计特效的网站。希望能够给大家带来灵感,如果你也喜欢我的收集,请给我留言,谢谢...

  • 分享 21 个最新的超酷 web 设计特效

    如果你想让你的网站与众不同并且留给访客极深的印象,创建一个超炫的特效网站绝对是你第一步需要去考虑的,这里我们收集了21个超酷设计特效的网站。希望能够给大家带来灵感,如果你也喜欢我们的收集,请给我们留言,...

  • web前端html期末大作业实例 (1500套)

    web实训大作业、网页期末作业、web课程与设计、网页设计等,简直让人头大。你还在为网页设计老师的作业要求感到头大?网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,...

  • 未来Web设计的7大趋势

    虽然说将来web是否会扩张到类似于手表这样的装备上还是个未知数,但是,如果这个设想成真的话,那么我可以打赌以后将会成为手势的天下。 2.折叠将要消亡 既然滚动这么省事,并且设备尺寸趋于多种多样,于是乎...

  • Web设计新手应知道的10个锦囊妙计

    在本文中,我们将讨论10个重要并常规的技巧,这是每位Web设计师新手都应该知道。 在做网站时会遇到很多的问题,所以Web设计师通常要扮演多种角色,并且要掌握如何构建一个有效实用的网站布局知识。  你在网页设计...

  • 大学生网页设计制作作业实例代码 (全网最全,建议收藏) HTML+CSS+JS

    web实训大作业、网页期末作业、web课程与设计、网页设计等,简直让人头大。你还在为网页设计老师的作业要求感到头大?网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,...

  • web前端期末大作业实例 (1500套) 集合

    web实训大作业、网页期末作业、web课程与设计、网页设计等,简直让人头大。你还在为网页设计老师的作业要求感到头大?网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,...

  • web前端设计未来前景如何 要学好哪些内容

    web前端设计未来前景如何 要学好哪些内容 【导语】随着信息产业的迅猛发展,web前端人才需求量也在逐年扩大,只要互联网存在,web前端开发技术也会同时存在,未来行业前景一片光明,当然想要学好web前端,一些关键...

  • 101个超酷的网站设计

    101个超酷设计的网站设计,优秀的设计毫无疑问是吸引用户的法宝之一。   Spoon Graphics Dawghouse Design Studios Adaptd Adit Shukla Jeff Sarmiento Rawkes Darren Hoyt Tony Geer Octwelve Finchley ...

  • jQuery与prettyPhoto共同打造超酷幻灯代码

    内容索引:脚本资源,jQuery,焦点图,幻灯片,Lightbox AviaSlider幻灯... 可自己设计不同风格的预载提示图标  支持图片简要文字  自动播放与手动焦点控制  支持图片链接  支持基于prettyPhoto库的Lightbox效果  

  • 超酷的Flash表单效果.rar

    超酷的Flash表单效果,用Flash中的各个元素控件设计制作出的表单,还别说,挺简洁美观的,而且还带有动态效果,和DW设计出的表单完全是两码事,测试时候要注意,本款表单运行于PHP环境。

  • 基于java的-28-“智慧食堂”设计与实现--LW-源码.zip

    提供的源码资源涵盖了Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!

  • C#,回文分割问题(Palindrome Partitioning Problem)算法与源代码

    C#,回文分割问题(Palindrome Partitioning Problem)算法与源代码 1 回文串 “回文串”是一个正读和反读都一样的字符串,初始化标志flag=true,比如“level”或者“noon”等等就是回文串。 2 回文分割问题 给定一个字符串,如果该字符串的每个子字符串都是回文的,那么该字符串的分区就是回文分区。 例如,“aba | b | bbabb | a | b | aba”是“abababababa”的回文分区。 确定给定字符串的回文分区所需的最少切割。 例如,“ababababababa”至少需要3次切割。 这三个分段是“a | babbab | b | ababa”。 如果字符串是回文,则至少需要0个分段。 如果一个长度为n的字符串包含所有不同的字符,则至少需要n-1个分段。

  • node-v9.2.1.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

  • 贪心算法解决活动选择问题,Java版源码

    贪心算法是一种在每一步选择中都采取在当前状态下最好或最优的选择,从而希望导致结果是全局最好或最优的算法策略。贪心算法在有最优子结构的问题中尤为有效。最优子结构的意思是局部最优解可以决定全局最优解。 附件中一个使用贪心算法解决活动选择问题(也称为会议时间安排问题)的 Java 示例代码。这个问题的目标是选择最大的活动数量,使得活动之间互不重叠。 在示例中,我们定义了一个 Activity 类来表示每个活动的开始和结束时间。然后,我们创建了一个活动数组,并使用 Arrays.sort() 方法按照活动的结束时间对它们进行排序。 接下来,我们遍历排序后的数组,使用贪心算法的策略选择活动。选择的标准是当前活动的开始时间是否晚于或等于之前选择的最后一个活动的结束时间。如果是,我们就选择这个活动,并更新 lastActivityEnd 为当前活动的结束时间。最后,我们打印出可以执行的最大活动数量。

  • 小程序-2-“最多跑一次”微信小程序--LW-源码.zip

    提供的源码资源涵盖了小程序应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!

  • 基于java的-198-ssm智能新冠疫苗接种助手--LW-源码.zip

    提供的源码资源涵盖了Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!

  • 酒店管理系统的设计与实现.zip

    本项目基于jsp框架,数据库采用mysql,采用tomcat服务部署,适合学生论文、课设参考及学习。 功能介绍: 1)基本操作 2)客户管理 3)客房管理 4)菜品管理 5)餐桌预定 6)餐饮消费管理

Global site tag (gtag.js) - Google Analytics