• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5 有哪些让你惊艳的 demo?

HTML5 有哪些让你惊艳的 demo?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含Google,HTML5,Demo等相关知识,匿名希望在学习及工作中可以帮助到您
印象中看过一个用HTML5做的3D立体书(不是Google那个),当时觉得很惊艳,可是后来再也找不到了。
知乎上的你们看到过哪些让你觉得惊艳的Demo呢?

回复内容:

找不到之前所见过的网页,深有同感!
Animated Books with CSS 3D Transforms 这是一个3D书本,CSS3完成

=========HTML5特效聚集网站========
christmasexperiments.com 的页面
chromeexperiments.com 的页面
Mr.doob
litewerx.showcase
Form Follows Function
AlteredQualia
html5rocks.com 的页面

===========视觉特效与交互式视频============
http://www.thewildernessdowntown.com/
Interactive Film "itsumo kawaii"
http://www.beonlineb.com/
Arcade Fire / Just a Reflektor
Aaronetrope 3D科幻视频投影对话
Aleksandar Rodic 3D立体博客
Beanstalk
http://www.ro.me/
three.js webgl 动态地图
? Green by SPECIAL.T 水中植物广告
Kimatica - Creative Connections 树脉
Earth to Echo 电影科幻宣传网站
http://middle-earth.thehobbit.com/map 霍比特人
HelloRun? 线稿房间,第一人称动
LETTERS, INC. 集成电路
Dataveyes | Human Data Interactions 视觉粒子

=========音乐与可视化==========
http://do.adive.in/
Rocking dendrites 摇滚与触手
Arabesque - Music Colour Particles 优美的纯音乐与彩色烟雾
compo.filler 蓝电之音
Lights 波点
??berViz 电子
A [ Radiohead 音乐画画

=========物理特性元素============
Blob 大水球
Andrew Hoyer 布-骨架
HTML5 Fish Bowl IE-鱼缸
googlecode.com 的页面 chrome-水族馆
three.js webgl 动物
Liquid Particles 3D 3D粒子流

==========画绘与生成===========
10 Jaw Dropping HTML5 and Javascript Effects 10个画绘特效
wormz . html5 canvas experiment 图片生成毛毛虫~~
Silk – Interactive Generative Art 光效
Sketch Toy: Draw sketches and share replays with friends! 记录线稿步骤
ASCIIFlow Infinity ASCII字符生成图表

========一些融入了HTML5的网站=======
Andrew McCarthy 滚动动物奔跑
http://tokyomildfoundation.com/ 东京温柔基金
fifty-five | the data agency 垂直分割
A P R I L Z E R O 数据分析
Gaming Media 创意横向滚动
Luxaqua | Aquarium Design 深邃海底纵向滚动
KILFISH 鬼畜纵向滚动
有顆梅,在台灣 食品纵向滚动
Vespillo le film Vespillo纵向滚动
Exploring Moon Bears IE-月熊志
Metal Junk: The Game HTML5游戏:金属废墟,游戏就不展开了~~ Internet Explorer 11 Test Drive Codrops | Useful resources and inspiration for creative minds
Tutorialzine
上面有很多的Demo,质量都很高,开源免费可商用

还有CodePen - Front End Developer Playground & Code Editor in the Browser,像是前端界的github

3D立体书Codrops上有几个,不知道是不是你找的:
Animated Books with CSS 3D Transforms
3D Shading with Box-Shadows
3D Book Showcase http://codepen.io http://fireball-x.com 整个 ide 都是 html5 写的。 最近写的 基于 HTML5 的指南针和水平仪:H5Compass iPhone 5s/5c 测试可用。 这是我在另一个问题:有哪些较好的壁纸网站? - 桌面壁纸里面的答案:
------------------------------------------------------------------------------------------------------
谢邀,看到这个问题我第一反应就是国外一个黑科技壁纸网站:WallpaperPCMobile
相对于楼上那些千篇一律的壁纸站来说,WallpaperPCMobile可以说完全碾压任何一个壁纸站。就壁纸数量来说,就1080P以上分辨率的壁纸就将近14万张,随便挑几张吧:
1.Sea, dawn, nature, sky, sunset, vacation, weather, ocean, sun, boat, vietnam wallpaper,sea HD wallpaper,dawn HD wallpaper,nature HD wallpaper,sky HD wallpaper,sunset HD wallpaper,vacation HD wallpaper,weather HD wallpaper,ocean HD wallpaper,sun HD wallpaper,boat HD wallpaper
Milky Way, Stars, Sky, Nature wallpaper,milky way HD wallpaper,stars HD wallpaper,sky HD wallpaper,nature HD wallpaper,4416x2944 HD wallpaper
Nature, Pier, Lake, Mountain, Calm, Stars, Night wallpaper,nature HD wallpaper,pier HD wallpaper,lake HD wallpaper,mountain HD wallpaper,calm HD wallpaper,stars HD wallpaper,night HD wallpaper

您可能想查找下面的文章:

  • seozac:Google的AMP-加速移动页面
  • Google AMP 是什么鬼?
  • HTML5实践-使用css3如何完成google涂鸦动画的详解
  • HTML5 Google电吉他 可用键盘弹奏的图文代码介绍
  • 想做一款基于HTML5的卡牌游戏,有什么好的引擎推荐么?
  • 电子行业中,以0x开头颜色表示法和以#开头的颜色表示法有什么区别?
  • 以HTML5现在的技术条件,能出《刀塔传奇》这种效果的游戏吗?有哪些大公司在开发HTML5的中重度游戏项目?
  • 微信如何实现向浏览器注入JS API,并且调用方式就像浏览器原生API一样?
  • 如何利用HTML&JS等前端知识开发Android应用?
  • 什么情况下更适合使用 font-icon,相比图片 css sprites 有哪些优势?

相关文章

  • 2018-12-03H5响应式网站设计有什么要求?
  • 2018-12-03使用phonegap关于操作数据库的具体实现方法介绍
  • 2018-12-03值得收藏的HTML5资源(学习html5的朋友可以收藏下)_html5教程技巧
  • 2018-12-03基于html5 canvas实现漫天飞雪效果实例_html5教程技巧
  • 2017-08-06HTML5的标签的代码的简单介绍 HTML5标签的简介
  • 2018-12-03HTML5中一些可以优化的细节介绍
  • 2018-12-03[html5游戏开发]数独游戏-完整算法-开源讲座
  • 2018-12-03input实现文字超出省略号(代码示例)
  • 2017-08-06使用 HTML5 Canvas 制作水波纹效果点击图片就会触发
  • 2018-12-03html5 乒乓球(碰撞检测)实例二_html5教程技巧

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何使用HTML5地理位置定位功能?
    • 如何通过HTML5触摸事件实现移动端简易进度条
    • 用仿ActionScript的语法来编写html5——第四篇,继承与简单的rpg
    • WebSocket的使用详解
    • 利用图片预加载组件提升html5移动页面的用户体验
    • HTML5中对style属性的解释与规定
    • 乐车邦app 前端用的什么框架和技术?
    • HTML 5可以做五件事情 超出你的想象
    • Google 的 HTML 代码看着很乱,为什么要写成这样呢?
    • Android自定义环形LoadingView效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有