分类 网页特效 下的文章

canvas绘图实现淘宝移动端撒金币效果

又是新的一年到,给大家撒金币了,模仿淘宝移动端撒金币的效果,这个是基于canvas来绘图的,结合一些落点的位置和速度的智能计算来实现,并配上撒钱的mp3,效果相当赞!!(多看看H5的特效,才能领会html5+javascript双剑合壁的威力)当然你也可以把它换成撒元宝之类的,只要换张图就行了,声音也可以自己设置[runcode]<!doctype html> <html...

继续阅读 »

最牛x的滚动插件 - jquery的iscroll插件(附上下拉刷新消息demo)

简介:iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll,你的项目便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能。给它一个...

继续阅读 »

canvas画出个灰太狼

之前我们介绍过canvas,这是html5里面很出彩的一个特性,今天要分享一款利用HTML5 Canvas绘制的灰太狼形象,个人以为,这个灰太狼绘制得十分逼真形象,小伙伴们都要惊呆了。以后我们再来弄一个HTML5 Canvas的喜洋洋如何?效果如下:猛击这里查看在线演示

继续阅读 »

css3实现月黑风高的晚上

就如配图所未,又到了月黑风高的晚上 !!基于上一篇css动画基础,我们来实现一个更炫的效果。这个月亮可是会动的哦,而且云和月亮并不是图片,是纯css3画出来的哦,动画即是通过css3的keyframes来实现。有没有一种吊炸天的感觉。月亮代码: .moon{ width:100px; height:100px; border-radius:100%; background:...

继续阅读 »