2015 年 7月 31 日随笔档案 - html5前端技术分享

2015年7月31日

摘要：

今天我们要来分享一款相当逼真的HTML5 Canvas雨滴下落动画，该动画模拟雨滴附在窗户上缓缓滑落的效果，同时窗户也因为雨滴而变得模糊，窗外的夜景便显得格外迷人。利用HTML5技术，该雨滴下落动画一共有5种不同的效果。由于Chrome的跨域限制，本地将无法运行，你可以在本站的在线演示中看到效果，或者将源代码上传至自己的服务器后浏览。阅读全文

posted @ 2015-07-31 14:50 html5前端技术分享阅读(1870) 评论(0) 推荐(0) 编辑

HTML5 3D 粒子波浪动画特效

摘要：

之前我们分享过一个HTML5 3D点阵列波浪翻滚动画，效果非常震撼。今天我们要在来分享一款升级版HTML5 3D粒子波浪动画特效，我们可以旋转不同的视角来欣赏粒子波浪的滚动特效。HTML5在动画制作方面的确让人眼前一亮。阅读全文

posted @ 2015-07-31 14:47 html5前端技术分享阅读(4203) 评论(1) 推荐(0) 编辑

CSS3手机端侧滑菜单 4种滑动菜单特效

摘要：

这是一款基于CSS3的手机端侧滑菜单，一共有4种侧滑动画特效。这款CSS3菜单的特点是鼠标划过时即可以各种动画方式展开和隐藏菜单项，该动画方式由CSS3中的transition-delay属性来完成，具体效果大家可以看演示。阅读全文

posted @ 2015-07-31 14:43 html5前端技术分享阅读(1746) 评论(0) 推荐(0) 编辑

HTML5 Canvas生成粒子效果的人物头像

摘要：

前面我们分享过一个HTML5 Canvas实现的图像马赛克模糊效果，HTML5处理图片真的非常简单。今天我们要再利用HTML5 Canvas实现一个粒子效果的人物头像，你可以任意选择一张头像图片，接下来该图片会被打散成许多粒子，然后慢慢的重组成图片，鼠标滑过图片时粒子还会出现浮动的动画特效，看上去非常酷。阅读全文

posted @ 2015-07-31 14:39 html5前端技术分享阅读(1614) 评论(0) 推荐(0) 编辑

HTML5实现手势屏幕解锁

摘要：

实现原理　　利用HTML5的canvas，将解锁的圈圈划出，利用touch事件解锁这些圈圈，直接看代码阅读全文

posted @ 2015-07-31 08:57 html5前端技术分享阅读(1349) 评论(0) 推荐(1) 编辑

Slideout.js – 触摸滑出式 Web App 导航菜单

摘要：

Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单。它没有依赖，自由搭配简单的标记，支持原生的滚动，您可以轻松地定制它。它支持不同的 CSS3 转换和过渡。最重要的是，它只是4KB 。阅读全文

posted @ 2015-07-31 08:53 html5前端技术分享阅读(705) 评论(0) 推荐(1) 编辑

jQuery图片翻转弹出动画特效

摘要：

今天我们要来分享一款效果很酷的jQuery图片弹出动画，该动画一共有6组，除了第一组普通弹出外，其他图片弹出的时候均会出现各种不同的翻转动画效果，另外有几组的图片时旋转弹出的，效果也非常棒。这款jQuery图片插件可以帮你完成很多图片动画特效。阅读全文

posted @ 2015-07-31 08:50 html5前端技术分享阅读(682) 评论(0) 推荐(0) 编辑

HTML5来了，7个混合式移动开发框架

摘要：

在这个时间开始学习移动开发真是最好不过了，每个人应该都有一些移动应用的创意，而且你并不需要任何的原生应用编程经验，你只需要一些HTML的相关知识，懂一些CSS和JavaScript就够了。如果你总听别人说HTML5的移动应用太慢，我只能告诉你应该有一些主见，首先HTML5会越来越好，移动端的硬件也会越来越强，怎么说呢，你仔细看一看你手机上的应用吧，很多应用已经悄悄的使用混合式开发了，如果像你说的它们很慢，你发现它们了吗？阅读全文

posted @ 2015-07-31 08:47 html5前端技术分享阅读(1746) 评论(0) 推荐(1) 编辑