阅读更多

5顶
0踩

Web前端

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

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

如果你想让你的网站与众不同,并且留给访客极深的印象,创建一个超炫的特效网站绝对是你第一步需要去考虑的,这里我们收集了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环境。

  • 《永磁无刷直流电机控制系统与软件综合研究-集成电机计算软件、电机控制器及电磁设计软件的创新设计与实践》,永磁无刷直流电机计算与控制软件:高效电机控制器与电磁设计工具,永磁无刷直流电机计算软件,电机控

    《永磁无刷直流电机控制系统与软件综合研究——集成电机计算软件、电机控制器及电磁设计软件的创新设计与实践》,永磁无刷直流电机计算与控制软件:高效电机控制器与电磁设计工具,永磁无刷直流电机计算软件,电机控制器,无刷电机设计软件,电机电磁设计软件 ,永磁无刷直流电机计算软件; 电机控制器; 无刷电机设计软件; 电机电磁设计软件,无刷电机设计专家:永磁无刷直流电机计算与控制器设计软件

  • 新能源汽车VCU开发模型及策略详解:从控制策略到软件设计全面解析,新能源汽车VCU开发模型及策略详解:从控制策略到软件设计全面解析,新能源汽车VCU开发模型及控制策略,MBD电控开发 新能源汽车大势所

    新能源汽车VCU开发模型及策略详解:从控制策略到软件设计全面解析,新能源汽车VCU开发模型及策略详解:从控制策略到软件设计全面解析,新能源汽车VCU开发模型及控制策略,MBD电控开发 新能源汽车大势所向,紧缺VCU电控开发工程师,特别是涉及新能源三电系统,工资仅仅低于无人驾驶、智能驾驶岗位。 ——含控制策略模型 整车控制策略详细文档 通讯协议文档 接口定义 软件设计说明文档 等(超详细,看懂VCU电控策略开发就通了) 内容如下: 新能源汽车整车控制器VCU学习模型,适用于初学者。 1、模型包含高压上下电,行驶模式管理,能量回馈,充电模式管理,附件管理,远程控制,诊断辅助功能。 2、软件说明书(控制策略说明书) 3、模型有部分中文注释 对想着手或刚开始学习整车控制器自动代码生成或刚接触整车控制器有很大帮助。 ,新能源汽车VCU开发模型; 控制策略; MBD电控开发; 模型学习; 代码生成; 整车控制器; 能量回馈; 诊断辅助功能,新能源汽车电控开发详解:VCU控制策略模型及学习手册

  • Python读取Excel文件的方法详解及应用场景

    内容概要:本文详细介绍了两种利用 Python 读取 Excel 文件的不同方法,分别是基于 pandas 和 openpyxl。对于想要利用Python 处理 Excel 数据的读者来说,文中不仅提供了简洁明了的具体代码片段以及执行效果展示,还针对每个库的应用特性进行了深度解析。此外,文档提到了一些进阶应用技巧如只读特定的工作薄、过滤某些列等,同时强调了需要注意的地方(像是路径设置、engine 参数调整之类),让读者可以在面对实际项目需求时做出更加明智的选择和技术选型。 适合人群:对 Python 有基本掌握并希望提升数据读取能力的开发人员。 使用场景及目标:适用于任何涉及到批量数据导入或是与 Excel 进行交互的业务流程。无论是做初步的数据探索还是深入挖掘隐藏于电子表格背后的故事,亦或是仅为了简化日常办公自动化任务都可以从中受益。最终目标帮助使用者熟悉两大主流 Excel 解决方案的技术特性和最佳实践。 阅读建议:本文既是一份详尽的学习指南也是一份方便随时查阅的手册。因此初学者应当认真研究所提供的示例,而有一定经验者也可以快速定位到感兴趣的部分查看关键要点。

  • 毕设springboot基于springboot的医护人员排班系统.zip

    # 医护人员排班系统 ## 1. 项目介绍 本系统是一个基于SpringBoot框架开发的医护人员排班管理系统,用于医院管理医护人员的排班、调班等工作。系统提供了完整的排班管理功能,包括科室管理、人员管理、排班规则配置、自动排班等功能。 ## 2. 系统功能模块 ### 2.1 基础信息管理 - 科室信息管理:维护医院各科室基本信息 - 医护人员管理:管理医生、护士等医护人员信息 - 排班类型管理:配置不同的排班类型(如:早班、中班、晚班等) ### 2.2 排班管理 - 排班规则配置:设置各科室排班规则 - 自动排班:根据规则自动生成排班计划 - 排班调整:手动调整排班计划 - 排班查询:查看各科室排班情况 ### 2.3 系统管理 - 用户管理:管理系统用户 - 角色权限:配置不同角色的操作权限 - 系统设置:管理系统基础配置 ## 3. 技术架构 ### 3.1 开发环境 - JDK 1.8 - Maven 3.6 - MySQL 5.7 - SpringBoot 2.2.2 ### 3.2 技术栈 - 后端框架:SpringBoot - 持久层:MyBatis-Plus - 数据库:MySQL - 前端框架:Vue.js - 权限管理:Spring Security ## 4. 数据库设计 主要数据表: - 科室信息表(keshixinxi) - 医护人员表(yihurengyuan) - 排班类型表(paibanleixing) - 排班信息表(paibanxinxi) - 用户表(user) ## 5. 部署说明 ### 5.1 环境要求 - JDK 1.8+ - MySQL 5.7+ - Maven 3.6+ ### 5.2 部署步骤 1. 创建数据库并导入SQL脚本 2. 修改application.yml中的数据库配置 3. 执行maven打包命令:mvn clean package 4. 运行jar包:java -jar xxx.jar ## 6. 使用说明 ### 6.1 系统登录 - 管理员账号:admin - 初始密码:admin ### 6.2 基本操作流程 1. 维护基础信息(科室、人员等) 2. 配置排班规则 3. 生成排班计划 4. 查看和调整排班 ## 7. 注意事项 1. 首次使用请及时修改管理员密码 2. 定期备份数据库 3. 建议定期检查和优化排班规则

  • MATLAB仿真的夫琅禾费衍射强度图:圆孔、圆环、矩形孔定制研究,MATLAB仿真:夫琅禾费衍射强度图的可定制性-以圆孔、圆环及矩形孔为例的研究分析,MATLAB夫琅禾费衍射强度图仿真 圆孔,圆环

    MATLAB仿真的夫琅禾费衍射强度图:圆孔、圆环、矩形孔定制研究,MATLAB仿真:夫琅禾费衍射强度图的可定制性——以圆孔、圆环及矩形孔为例的研究分析,MATLAB夫琅禾费衍射强度图仿真 圆孔,圆环,矩形孔可定制。 ,MATLAB; 夫琅禾费衍射; 强度图仿真; 圆孔; 圆环; 矩形孔; 可定制。,MATLAB仿真夫琅禾费衍射强度图:定制孔型(圆孔/圆环/矩形)

  • 商道融绿ESG评级20241231.xlsx

    详细介绍及样例数据:https://blog.csdn.net/samLi0620/article/details/145652300

  • 基于Dugoff轮胎模型与B08-01基础建模的七自由度车辆动力学模型验证:利用MATLAB 2018及以上版本与CarSim 2020.0软件的仿真对比研究,基于Dugoff轮胎模型与B08-01框

    基于Dugoff轮胎模型与B08_01基础建模的七自由度车辆动力学模型验证:利用MATLAB 2018及以上版本与CarSim 2020.0软件的仿真对比研究,基于Dugoff轮胎模型与B08_01框架的七自由度车辆动力学模型验证——使用MATLAB 2018及以上版本与CarSim 2020.0软件进行仿真对比研究,七自由度车辆动力学模型验证(Dugoff轮胎模型,B08_01基础上建模) 1.软件: MATLAB 2018以上;CarSim 2020.0 2.介绍: 基于Dugoff轮胎模型和车身动力学公式,搭建7DOF车辆动力学Simulink模型,对相关变量(质心侧偏角,横摆角速度,纵、横向速度及加速度)进行CarSim对比验证。 ,核心关键词:七自由度车辆动力学模型验证; Dugoff轮胎模型; B08_01建模基础; MATLAB 2018以上; CarSim 2020.0; Simulink模型; 变量对比验证。,基于Dugoff轮胎模型的七自由度车辆动力学模型验证与CarSim对比

Global site tag (gtag.js) - Google Analytics