16 个印象深刻的 HTML5/CSS3/JavaScript 体验

时间:2014-12-15

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

 

  • CSS3 Scroll Effect 
    很酷的列表滚动效果
    CSS3 Scroll Effect
  • DOM Tree 
    圣诞树
    DOM Tree
  • Origami 
    在一个丰富多彩的折叠上乱写乱画。在图纸上的任何地方 - 或使用键盘 - 激活不同的布局。
    Origami
  • .net 404 
    异样的 404 错误页面
    .net 404
  • Sphere 
    球体 - 实际上是一个螺旋 - 建立了10000粒子和结构的变化,随着时间的推移。
    Sphere
  • Textify.it 
    浏览器或拖动到页面上的图像以观看使用纯文本构建的图像。
    Textify.it
  • WebGL Particles 
    用来测试WebGL渲染粒子的效率
    WebGL Particles
  • BreakDOM 
    这是一个混合的经典突围游戏,除了所有的游戏元素与HTML用户界面元素已取代。
    BreakDOM
  • Sinuous 
    一个使用 HTML Canvas 构建的游戏,考验你的鼠标指针反应。
    Sinuous
  • Magnetic 
    控制和创建的粒子反应磁性节点的电流。
    Magnetic
  • Wave 
    波浪与浮于表面的气泡
    Wave
  • Trail 
    粒子的运动模式,生成光滑的小径。
    Trail
  • Blob 
    软物体的模拟,就像是果冻
    Blob
  • Bacterium 
    互动与俏皮的模拟动态物理世界中的细菌实验。
    Bacterium
  • Particle Depth 
    使用深度的​​粒子定位模式。
    Particle Depth
  • Keylight 
    A playhead travels between keys which resonate in sound depending on where they are placed in the room.
    Keylight


via favbulous

上一篇:HTML5音频:嵌入简单的声音提示技巧 下一篇:HTML5基本布局

相关文章

最新文章