2015年8月5日
摘要: 今天我们要来分享一款基于CSS3的响应式滑动菜单,该菜单有两个特点:1.响应式布局,这就意味着随着页面大小的变化,菜单的布局也会发生自适应变化,特别适合在移动设备上使用。2.鼠标滑过动画,鼠标滑过菜单项时可以渐变滑动,动画效果还不错。 阅读全文
posted @ 2015-08-05 19:43 html5前端技术分享 阅读(2811) 评论(1) 推荐(0) 编辑
摘要: 前面我们刚刚分享过一款jQuery/HTML5响应式焦点图动画应用,效果非常炫酷。这次我们再来分享一款基于jQuery的图片轮播焦点图,这款jQuery焦点图的特点是整个图片播放器是宽屏的效果,并且在焦点图底部有一排可以滑动的缩略图,点击缩略图可以快速跳转到相应的图片。 阅读全文
posted @ 2015-08-05 19:41 html5前端技术分享 阅读(1054) 评论(0) 推荐(0) 编辑
摘要: 之前我们分享过不少基于jQuery和HTML5的焦点图动画了,比如这里10款精美实用的jQuery焦点图动画推荐就有不少收集的jQuery焦点图插件,效果非常棒。今天要继续为大家介绍一款jQuery/HTML5响应式焦点图动画插件,它的响应式特性可以让焦点图在移动设备上也有不错的效果。 阅读全文
posted @ 2015-08-05 19:36 html5前端技术分享 阅读(738) 评论(0) 推荐(1) 编辑
摘要: 还记得之前分享过一款HTML5 3D立体图片相册,相册中的美女图片非常有特色。今天我们又要来分享一款可旋转播放的jQuery 3D女神图片墙,和一般的图片播放器不同的是,这款图片播放器是3D环形的,图片展示也将随着环形来回切换,效果非常不错。 阅读全文
posted @ 2015-08-05 19:34 html5前端技术分享 阅读(1378) 评论(1) 推荐(0) 编辑
  2015年7月31日
摘要: 今天我们要来分享一款相当逼真的HTML5 Canvas雨滴下落动画,该动画模拟雨滴附在窗户上缓缓滑落的效果,同时窗户也因为雨滴而变得模糊,窗外的夜景便显得格外迷人。利用HTML5技术,该雨滴下落动画一共有5种不同的效果。由于Chrome的跨域限制,本地将无法运行,你可以在本站的在线演示中看到效果,或者将源代码上传至自己的服务器后浏览。 阅读全文
posted @ 2015-07-31 14:50 html5前端技术分享 阅读(1875) 评论(0) 推荐(0) 编辑
摘要: 之前我们分享过一个HTML5 3D点阵列波浪翻滚动画,效果非常震撼。今天我们要在来分享一款升级版HTML5 3D粒子波浪动画特效,我们可以旋转不同的视角来欣赏粒子波浪的滚动特效。HTML5在动画制作方面的确让人眼前一亮。 阅读全文
posted @ 2015-07-31 14:47 html5前端技术分享 阅读(4213) 评论(1) 推荐(0) 编辑
摘要: 这是一款基于CSS3的手机端侧滑菜单,一共有4种侧滑动画特效。这款CSS3菜单的特点是鼠标划过时即可以各种动画方式展开和隐藏菜单项,该动画方式由CSS3中的transition-delay属性来完成,具体效果大家可以看演示。 阅读全文
posted @ 2015-07-31 14:43 html5前端技术分享 阅读(1748) 评论(0) 推荐(0) 编辑
摘要: 前面我们分享过一个HTML5 Canvas实现的图像马赛克模糊效果,HTML5处理图片真的非常简单。今天我们要再利用HTML5 Canvas实现一个粒子效果的人物头像,你可以任意选择一张头像图片,接下来该图片会被打散成许多粒子,然后慢慢的重组成图片,鼠标滑过图片时粒子还会出现浮动的动画特效,看上去非常酷。 阅读全文
posted @ 2015-07-31 14:39 html5前端技术分享 阅读(1619) 评论(0) 推荐(0) 编辑
摘要: 实现原理   利用HTML5的canvas,将解锁的圈圈划出,利用touch事件解锁这些圈圈,直接看代码 阅读全文
posted @ 2015-07-31 08:57 html5前端技术分享 阅读(1355) 评论(0) 推荐(1) 编辑
摘要: Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单。它没有依赖,自由搭配简单的标记,支持原生的滚动,您可以轻松地定制它。它支持不同的 CSS3 转换和过渡。最重要的是,它只是4KB 。 阅读全文
posted @ 2015-07-31 08:53 html5前端技术分享 阅读(705) 评论(0) 推荐(1) 编辑