知乎上的你们看到过哪些让你觉得惊艳的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
![](http://m.sbmmt.com/m//zhstatic.zhihu.com/assets/zhihu/ztext/whitedot.jpg)
![](http://m.sbmmt.com/m//zhstatic.zhihu.com/assets/zhihu/ztext/whitedot.jpg)
![](http://m.sbmmt.com/m//zhstatic.zhihu.com/assets/zhihu/ztext/whitedot.jpg)
![](http://m.sbmmt.com/m//zhstatic.zhihu.com/assets/zhihu/ztext/whitedot.jpg)
1.来张美女壁纸:Women, Face, Jeans, Standing, Look, Asian wallpaper,women HD wallpaper,face HD wallpaper,jeans HD wallpaper,standing HD wallpaper,look HD wallpaper,asian HD wallpaper
![](http://m.sbmmt.com/m//zhstatic.zhihu.com/assets/zhihu/ztext/whitedot.jpg)
Women, Face, Jeans, Standing, Look, Asian wallpaper for 480x800 resolution download
![](http://m.sbmmt.com/m//zhstatic.zhihu.com/assets/zhihu/ztext/whitedot.jpg)
2.Cute girl with blue eyes wallpaper,girls HD wallpaper,1920x1080 HD wallpaper,woman HD wallpaper
![](http://m.sbmmt.com/m//zhstatic.zhihu.com/assets/zhihu/ztext/whitedot.jpg)
Cute girl with blue eyes wallpaper for 480x800 resolution download
![](http://m.sbmmt.com/m//zhstatic.zhihu.com/assets/zhihu/ztext/whitedot.jpg)
基于HTML5 canvas rendering技术,你也可以拖动滑块在线调整壁纸的图片质量,从0%到100%都是在线调整(第二次碾压地球上各壁纸网站)
当然,如果上述尺寸不是你想要的裁剪结果,别担心,wallpaperPCMobile基于HTML5 canvas rendering技术,它甚至可以让你在线裁剪一张壁纸!!!(第三次碾压地球上各壁纸网站)
Custom resize Cute girl with blue eyes wallpaper
![](http://m.sbmmt.com/m//zhstatic.zhihu.com/assets/zhihu/ztext/whitedot.jpg)
Edit Cute girl with blue eyes wallpaper with resolution 480x800
![](http://m.sbmmt.com/m//zhstatic.zhihu.com/assets/zhihu/ztext/whitedot.jpg)
WallpaperPCMobile 一直安安静静躺在我的书签里,其他壁纸网站从来视而不见 http://www.ro.me/
这个这个!
http://www.chromeexperiments.com/webgl
这里貌似要翻墙 某次的Google Doodle ,那个魔方。。。 3D立体书通过JS+CSS3做吧,不是HTML5。
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。