摘要：在HTML5家族中，CSS3无疑是一名举足轻重的家庭成员。我们可以利用CSS3的各种特性来完成非常炫酷实用的HTML5应用插件，方便前端开发者快速实现需要的功能。今天分享的10款最新HTML5/CSS3应用也许能激发你的灵感。1、HTML5/CSS3实现iOS Path菜单 菜单动画很酷Path菜单相信大家都不陌生吧，它在iOS中非常流行，今天我们要分享的菜单就是利用HTML5和CSS3技术来模拟实现这款iOS Path菜单，点击按钮，即可弹出子菜单，子菜单弹出的动画非常炫酷。点击子菜单，即可打开相应功能。在线演示 源码下载2、HTML5环形音乐播放器 播放器外观非常酷之前我们分享过几款H.. 阅读全文

摘要：当我们在网站上注册登录还是提交评论，都需要用到表单，今天我们来分享8款最新CSS3表单，有几个效果很酷很特别，有些也非常实用，一起来看看。1、CSS3环形特色表单 转圈切换表单焦点这款CSS3表单非常有特色，估计各位不太会看到过，这是一款CSS3环形特色表单，整个环形由一个个输入框组成，当用鼠标激活输入框焦点时，环形圈即会转到该表单项。我们也可以用tab键来逐个选择输入框来输入表单内容。在线演示 源码下载2、HTML5/CSS3联系表单 提交按钮有发光动画好多天前我们分享过几款非常不错的CSS3表单，尤其是那款CSS3发光登录表单，更是相当绚丽。今天我们来分享一款很酷的CSS3联系表单，表.. 阅读全文

摘要：昨天我收集了8款效果给力的HTML5/CSS3应用插件，有一些HTML5动画非常绚丽，也有一些CSS3按钮比较实用，感兴趣的朋友都看看吧。1、HTML5/CSS3实现笑脸动画 非常可爱关于纯CSS3绘制的人物我们在之前就分享过一些了，像纯CSS3绘制可爱小男孩动画、纯CSS3人物行走动画等。今天我们要分享一款基于纯CSS3实现的笑脸动画，我们只要在面部滑动鼠标，即可让人物的眼睛嘴巴动起来，实现微笑的效果，还挺可爱的。在线演示 源码下载2、jQuery+Html5实现唯美表白代码：亲爱的女神，我来了！jQuery+Html5实现唯美表白的动画代码：浪漫的动画效果，程序员表白必备！在线演示 ... 阅读全文

摘要：在HTML5的世界里，图片特效都十分绚丽，我们在网站上也分享过很多不错的HTML5图片特效，现在我们精选10款效果惊艳的HTML5图片特效分享给大家。1、HTML5 3D正方体旋转动画 很酷的3D特效之前我们分享过很多非常不错的HTML5 3D立体动画特效，尤其是一些HTML5 Canvas动画，更是酷得让人惊叹。今天我们又要来分享一款好玩的HTML5 3D效果，该特效是一个可以旋转播放的正方体，你可以从多个视角来查看正方体，非常不错的3D效果。在线演示 源码下载2、HTML5结合jQuery实现图片滑块特效 绚丽jQuery焦点图对于jQuery，我们在html5tricks上分享的相对.. 阅读全文

摘要：今天我们要分享9款极具创意的HTML5/CSS3进度条动画，这些进度条也许可以帮你增强用户交互和提高用户体验，喜欢的朋友就收藏了吧。1、HTML5/CSS3图片加载进度条 可切换多主题今天要分享的这款HTML5/CSS3进度条模拟了真实的图片加载场景，插件会默认去从服务器下载几张比较大的图片，然后让... 阅读全文

摘要：新的一周开始了，小编继续要为大家分享实用超酷的HTML5应用，今天分享的这9款最新HTML5/CSS3应用你一定会很喜欢，一起来看看。1、HTML5 Canvas模拟衣服撕扯动画 超级逼真今天又要来推荐一款HTML5 Canvas动画，是一个模拟衣服撕扯动画，效果非常逼真。刚开始衣服挂在绳子上，用鼠标拖拽衣服即可让衣服摆动起来，当你拖拽的很用力时，你会发现，衣服被撕破了。该HTML5动画会捕获到鼠标拖拽的用力程度，从而来判断并实现衣服应该破损的程度，越用力，衣服被撕破的速度越快，赶紧来体验一下这个HTML5动画吧。在线演示 源码下载2、纯CSS3绘制可爱小男孩动画 超酷面部表情之前我们分享.. 阅读全文

摘要：你喜欢HTML5吗？我想下面的这7个HTML5应用一定会让你爱上HTML5的，不信就一起来看看吧。1、HTML5/jQuery雷达动画图表 图表配置十分简单之前我们介绍过不少形形色色的HTML5图表了，像这款HTML5折线图表Aristochart是一款很不错的折线图表，这款HTML5 Canvas饼状图表也很酷。今天我们再来分享一款很特别的HTML5图表，它是利用HTML5和jQuery的雷达动画图表，图表数据在初始化的时候带有一定动画。在线演示 源码下载2、HTML5模拟牛顿力学 碰撞的小球利用HTML5来模拟很多物理实现都非常方便，像之前介绍过的HTML5 Canvas正弦波动画和H.. 阅读全文

摘要：今天向大家精选了10款超酷的HTML5/CSS3菜单，给你的网页添加不一样的精彩，一起来围观一下吧。1、CSS3手风琴菜单 下拉展开带弹性动画利用CSS3技术可以实现各种各样的网页菜单，我们之前也在CSS3菜单栏目中分享了许多CSS3菜单。今天我们分享的这款是CSS3手风琴菜单，菜单项在展开和收缩的时候菜单项会有弹性动画效果。每一层父级菜单有一个小三角，菜单项在展开的时候这个小三角也会出现动画，非常酷。在线演示 源码下载2、CSS3动画下拉菜单 带动画图标利用CSS3可以制作很多精美的下拉菜单，而且这些菜单一般都会有挺不错的下拉动画。利用CSS3的Animation属性，我们可以非常方便的.. 阅读全文

摘要：HTML5的确可以制作出非常绚丽的网页动画效果，尤其是利用HTML5 Canvas特性和HTML5 3D特性，我们更加可以欣赏到超酷的动画特效。今天我从html5tricks网站上整理了8款令人惊叹的HTML5 Canvas动画教程，大家可以一起来看看。1、3D HTML5 Logo动画 HTML5多视角3D旋转动画HTML5 3D动画实现起来非常方便，之前介绍过基于jQuery的3D旋转插件是利用多张多视角图片播放来实现的，而今天分享的这款HTML5 3D旋转动画是利用纯HTML5技术实现的，该动画实现了HTML5 Logo旋转的效果。在线演示 源码下载2、HTML5版Flappy Bi.. 阅读全文

摘要：经过几天的收集，在html5tricks网站上又增加了不少HTML5的教程和应用，今天我把几款赏心悦目的HTML5/CSS3应用特效总结了一下，一共9款HTML5特效，分享给大家。1、HTML5 WebGL实验 超酷的HTML5 Canvas波浪墙在HTML5特效中，和水波相关的我们已经分享过两款：HTML5 WebGL水面水波荡漾特效、HTML5水波荡漾动画特效。这又是一款HTML5 Canvas实验项目，也是波浪特效，只是这不是真正的水波，而是利用柱体高度的变化实现的波浪墙效果。在线演示 / 源码下载2、HTML5重力感应动画特效 冲撞小球演示前面我已经向大家分享过一款非常绚的HTML5. 阅读全文