9款最新炫酷HTML5/CSS3应用推荐

jopen 7年前

        HTML5 的强大之处我们已经体验过很多了,包括 HTML5 游戏、HTML5 视频,另外结合 CSS3,也能创造更多炫酷的动画特效和实用应用。今天我们要分享 9 款最新的炫酷 HTML5/CSS3 应用。如果你喜欢,赶紧分享给你的朋友吧。

        1、HTML5/CSS3 简易版俄罗斯方块游戏

        很久没有发布关于 HTML5 游戏方面的演示示例了,今天要分享一款 HTML5 俄罗斯方块游戏,这款俄罗斯方块游戏比较简易,并没有华丽的外观,但是实现了俄罗斯方块的移动、翻转、消除等基本的功能,这对我们学习 CSS3、HTML5 和 Javascript 将会有很大的帮助。

9款最新炫酷HTML5/CSS3应用推荐

        在线演示        源码下载

        2、HTML5 webkit 3D 立方体图片旋转滑块应用

        今天再来分享一款 HTML5 3D 立方体动画,这个只是一个 3D 效果模型,你可以用图片替换演示中的立方体 4 个面,这样就可以将这款 HTML5 立方体旋转动画改造成 HTML5 3D 焦点图了,由于是基于 webkit 的,所以有浏览器限制,Google Chrome 最佳。

9款最新炫酷HTML5/CSS3应用推荐

        在线演示        源码下载

        3、CSS3 飘带状 3D 菜单菜单带小图标

        这次我们要来分享一款很特别的 CSS3 菜单,菜单的外观是飘带状的,并且每一个菜单项有一个精美的小图标,鼠标滑过菜单项时,菜单项就会向上凸起,像是飘带飘动一样,形成非常酷的 3D 视觉效果。这款 CSS3 飘带状 3D 菜单非常适合作一些活动页面的菜单导航。

9款最新炫酷HTML5/CSS3应用推荐

        在线演示        源码下载

        4、纯 CSS3 浮动的小猪动画投影效果逼真

        用纯 CSS3 实现的动物或者卡通人物实例很多。今天我们要来看一款很可爱的纯 CSS3 浮动小猪,同时,小猪在浮动时投影也会跟着浮动,动画效果非常逼真。

9款最新炫酷HTML5/CSS3应用推荐

        在线演示         源码下载

        5、jQuery 仿淘宝左侧商品分类菜单

        这次我们要来分享一款相对实用的 jQuery 插件,它是一款用 jQuery 和 CSS 实现的仿淘宝左侧商品分类菜单。鼠标滑过主菜单即可展开商品二级菜单,菜单上也同时有漂亮的商品小图标。菜单由 jQuery 打造,所以兼容性都还可以。

9款最新炫酷HTML5/CSS3应用推荐

        在线演示        源码下载

        6、HTML5 3D 立体图片相册

        HTML5 非常强大,尤其是和 CSS3 结合,有时候能达到非同凡响的网页动画效果。今天要分享的这款 HTML5 应用就是一款很酷的 3D 立体图片相册应用,它可以用鼠标多拽从多个角度浏览相册图片,点击图片,就可以放大图片,相册图片都是美女,千万别让女朋友看到。

9款最新炫酷HTML5/CSS3应用推荐

        在线演示        源码下载

        7、CSS3 3D 超链接点击链接效果更酷

        之前我们分享过很多 CSS3 3D 效果的文字,今天我们来介绍一款用纯 CSS3 实现的 3D 超链接,一眼看上去,和之前的 CSS3 3D 文字没什么区别,但是当你点击文字链接时,3D 效果就出来了,文字链接会下陷进去,移开鼠标时,文字链接又会浮上来,很酷的 CSS3 3D 链接特效。

9款最新炫酷HTML5/CSS3应用推荐

        在线演示        源码下载

        8、一组 HTML5 SVG 可爱的笑脸动画

        今天我们来分享一组利用 HTML5 和 SVG 实现的可爱笑脸动画,它们是色彩各异的一组泥娃娃的脸,默认的时候就出现眨眼和微笑的动画,当你把鼠标滑过它们时,就像是感受到了主人的抚摸一样上下跳动起来,真的是非常可爱。

9款最新炫酷HTML5/CSS3应用推荐

        在线演示        源码下载

        9、HTML5 Canvas 星云动画特效

        这次我们要再来分享一款基于 HTML5 Canvas 的动画特效,这是一个星云动画效果,屏幕上会产生很多大大小小的光点,色彩斑斓,酷似宇宙的星云图。并且,在 HTML5 Canvas 上,星云图还是运动的,非常好看的一款 HTML5 动画。

9款最新炫酷HTML5/CSS3应用推荐

        在线演示        源码下载

        以上就是 9 款最新炫酷 HTML5/CSS3 应用推荐,欢迎收藏分享。

        本文链接:http://www.html5tricks.com/9-cool-html5-css3-recommand.html

        本文作者:html5tricks – 超人