48个残酷的HTML5 / CSS3演示

我以这篇文章来回答您最近在文章评论中提出的一个问题：

什么时候是开始使用HTML5进行全面设计的好时机？

好吧，说实话，这取决于您要定位的目标。 如果您不打算让访问者使用Internet Explorer（例如Mac软件页面），则立即开始使用HTML5，但是如果您需要IE浏览器的人来查看您的网站，则最好等待...

在入门上，跳了48个HTML5演示很不错，值得一看。 大就是小。

来源| 香港

audioburst动画

使用HTML5的canvas和audio标签创建的舒适而梦幻的动画。

球池

在最后的Google I / O事件中进行了展示，该演示向您展示了HTML5的动态性。

斑点沙拉

HTML5产生的生物会让您满意。

波莫莫

使用Bomomo，您可以观察到用HTML5模拟的不同原子运动。

浏览器球

对此“跨浏览器” HTML5球感到惊讶。

气泡

通过创建不同颜色的无穷无尽的漂浮气泡来玩乐。

帆布卡通动画

一个简单有趣的HTML5动画片，可以帮助您了解HTML5的canvas元素可以做什么。

酷时钟

一个由HTML5和JavaScript构建的漂亮，可定制的模拟时钟。

Flickr PS3幻灯片

在网络浏览器中以PS3样式幻灯片查看Flickr的照片。

互动宝丽来

一个与多点触摸界面非常相似的交互式演示。

JS烟花

由HTML5和Javascript驱动，以您喜欢的重力和速度享受烟花时刻。

万花筒

一个非常美丽和未来派的HTML5万花筒。

液体颗粒

敏感的粒子动画会根据您的鼠标移动做出反应。

催眠剂

另一个敏感而出色的HTML5演示，演示附近的元素如何与您的鼠标移动反应。

星云

迷失了这个奇妙的HTML5星云。

视差

以平行透视图查看所有2D形状。

粒子动画

精美的HTML5粒子动画，可以形成您喜欢的消息。

涂抹

迷失于这种无尽的传播动画中。

星空

一个非常酷的HTML5星空动画，可以根据您的鼠标移动来改变方向和速度。

视频破坏

一键播放正在播放的视频。

Waveform

注意HTML5的画布波如何通过改变其幅度，波长，宽度等来移动。

3D效果

画布动画给人留下了深刻的印象吗？ HTML5的canvas元素可以做的更多，这就是3D效果。 开发人员可以依靠画布元素，DOM和JavaScript来创建3D效果，然后可以将其开发为3D动画或游戏。

Canvas3D和Flickr

使用Flickr的照片流拥有全新的3D体验。

布模拟

基于HTML5的逼真的布料模拟。

进化的怪物

观察一个演变成复杂生物的怪物，其创建者之一就是HTML5。

谷歌礼品盒

巨型搜索引擎Google以3D可播放视图呈现。

JS触摸

高质量逼真的“ 3D on 2D Canvas”展示柜。

数据展示

HTML5的canvas元素可用于创建动画和3D效果，但也可以实现以呈现数学数据。

诺普洛特

Gnuplot，HTML5版本的数据绘图应用程序。

图形

RGraph提供了多种数据表示形式，例如条形图，进度条和传统雷达图。

Web应用程序

最终，利用HTML5和其他语言组合的所有可能性，可以创建交互式应用程序或与Flash应用程序接近的游戏。

画布画

见证Microsoft Paint的兄弟进入您的Web浏览器，他的父亲是HTML5。

画布摩尔

旨在帮助您了解某些地球元素的结构的科学应用程序。

卡通生成器

使用此最小化的交互式卡通生成器绘制有趣的卡通图像。

在这里拖任何东西

拖动可以在演示中拖动的任何内容以显示详细信息。

加蒂奇素描

原始的HTML5应用程序，可让您制作一些基本图形，并可以将其保存为jpeg或png等不同的图像格式。

物理素描

画任何您喜欢的东西，看看它们如何对模拟重力产生反应。

画板

强大的HTML5绘图应用程序，使您能够以精确的方式绘制和编辑图像。

短暂聊天

一个Web应用程序，用于确认从Twitter获取的与天气有关的消息的地理位置，从而将其形成为基于画布的“社交天气”地图，这很琐碎（如作者所述），但很有趣。

游戏

3无聊

如果您可以在下一秒内躲避成百上千个HTML5项目符号，您将永远不会感到无聊。

爆发

反弹球，打破所有障碍。

帆布景观

它不是一个游戏，但是它演示了如何使用HTML5开发“第一人称射击”浏览器游戏。

抓住它

您可以躲避多少球才能赢得HTML5方形方块？

连锁反应

连锁爆炸达到目标，不要上瘾。

立方体

以自上而下的3D视角播放俄罗斯方块。

etcha物理

抽奖项目将球移动到星星，不要忘记重力。

拼图游戏

单击，旋转和放下拼图，即可解决此基于HTML5的拼图游戏。

幻灯片拼图

滑向胜利，这是另一个HTML5游戏，旨在吸引您的注意力。

同一个游戏

删除某些组以使另一组以相同的颜色配对，您最终将获得胜利。

俄罗斯方块

HTML5是最经典的游戏之一。

花托

另一个伪3D版本的俄罗斯方块游戏。