16 个印象深刻的 HTML5/CSS3/JavaScript 体验【设计资源】

转载 收藏 评论
举报 2012-05-15

如果你是一个 Canvas、WebGL 和交互式 CSS3, HTML5 以及 Javascript 的粉丝,那你可能会听说来自瑞典的 Web 开发者 Hakim. Hakim 非常擅长 Web 动画和交互,他有很多关于 HTML5、CSS3 和 JavaScript 的个人项目,可在 Chrome Experiments 找到。我们对他的那些非常有创意、非常酷的项目印象深刻,下面列出其中最酷的一些。

来源:html5cn

CSS3 Scroll Effect

很酷的列表滚动效果



DOM Tree 圣诞树



Origami

在一个丰富多彩的折叠上乱写乱画。在图纸上的任何地方 – 或使用键盘 – 激活不同的布局。



.net 404

异样的 404 错误页面



Sphere

球体 – 实际上是一个螺旋 – 建立了10000粒子和结构的变化,随着时间的推移。



Textify.it

浏览器或拖动到页面上的图像以观看使用纯文本构建的图像。



WebGL Particles

用来测试WebGL渲染粒子的效率。



BreakDOM

这是一个混合的经典突围游戏,除了所有的游戏元素与HTML用户界面元素已取代。



Sinuous

一个使用 HTML Canvas 构建的游戏,考验你的鼠标指针反应。



Magnetic

控制和创建的粒子反应磁性节点的电流。



Wave

波浪与浮于表面的气泡。



Trail

粒子的运动模式,生成光滑的小径。



Blob

软物体的模拟,就像是果冻。



Bacterium

互动与俏皮的模拟动态物理世界中的细菌实验。



Particle Depth

使用深度的 粒子定位模式。



Keylight

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)