摘要:
今天我们要来分享一款相当逼真的HTML5 Canvas雨滴下落动画,该动画模拟雨滴附在窗户上缓缓滑落的效果,同时窗户也因为雨滴而变得模糊,窗外的夜景便显得格外迷人。利用HTML5技术,该雨滴下落动画一共有5种不同的效果。由于Chrome的跨域限制,本地将无法运行,你可以在本站的在线演示中看到效果,或者将源代码上传至自己的服务器后浏览。 阅读全文
![](http://www.j--d.com/wp-content/uploads/2015/07/雨滴下落动画-280x180.png)
摘要:
之前我们分享过一个HTML5 3D点阵列波浪翻滚动画,效果非常震撼。今天我们要在来分享一款升级版HTML5 3D粒子波浪动画特效,我们可以旋转不同的视角来欣赏粒子波浪的滚动特效。HTML5在动画制作方面的确让人眼前一亮。 阅读全文
![](http://www.j--d.com/wp-content/uploads/2015/07/HTML5-3D-粒子波浪动画特效-280x180.png)
摘要:
这是一款基于CSS3的手机端侧滑菜单,一共有4种侧滑动画特效。这款CSS3菜单的特点是鼠标划过时即可以各种动画方式展开和隐藏菜单项,该动画方式由CSS3中的transition-delay属性来完成,具体效果大家可以看演示。 阅读全文
![](http://www.j--d.com/wp-content/uploads/2015/07/手机端侧滑菜单-280x180.png)
摘要:
前面我们分享过一个HTML5 Canvas实现的图像马赛克模糊效果,HTML5处理图片真的非常简单。今天我们要再利用HTML5 Canvas实现一个粒子效果的人物头像,你可以任意选择一张头像图片,接下来该图片会被打散成许多粒子,然后慢慢的重组成图片,鼠标滑过图片时粒子还会出现浮动的动画特效,看上去非常酷。 阅读全文
![](http://www.j--d.com/wp-content/uploads/2015/07/粒子效果的人物头像-280x180.png)
摘要:
实现原理
利用HTML5的canvas,将解锁的圈圈划出,利用touch事件解锁这些圈圈,直接看代码 阅读全文
![](http://www.j--d.com/wp-content/uploads/2015/07/testh5lock-280x180.gif)
摘要:
Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单。它没有依赖,自由搭配简单的标记,支持原生的滚动,您可以轻松地定制它。它支持不同的 CSS3 转换和过渡。最重要的是,它只是4KB 。 阅读全文
![](http://www.j--d.com/wp-content/uploads/2015/07/app触摸滑出式导航菜单-280x180.png)
摘要:
今天我们要来分享一款效果很酷的jQuery图片弹出动画,该动画一共有6组,除了第一组普通弹出外,其他图片弹出的时候均会出现各种不同的翻转动画效果,另外有几组的图片时旋转弹出的,效果也非常棒。这款jQuery图片插件可以帮你完成很多图片动画特效。 阅读全文
![](http://www.j--d.com/wp-content/uploads/2015/07/翻转弹出动画特效-280x180.jpg)
摘要:
在这个时间开始学习移动开发真是最好不过了,每个人应该都有一些移动应用的创意,而且你并不需要任何的原生应用编程经验,你只需要一些HTML的相关知识,懂一些CSS和JavaScript就够了。如果你总听别人说HTML5的移动应用太慢,我只能告诉你应该有一些主见,首先HTML5会越来越好,移动端的硬件也会越来越强,怎么说呢,你仔细看一看你手机上的应用吧,很多应用已经悄悄的使用混合式开发了,如果像你说的它们很慢,你发现它们了吗? 阅读全文
![](http://www.j--d.com/wp-content/uploads/2015/07/混合式移动开发-280x180.jpg)