自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(10)
  • 收藏
  • 关注

原创 作用力和小球

d3是一个极其强大的数据图表库,尤其擅长操作svg,虽然被设计用来展示数据,但是其丰富的svg操作方法还有物理引擎可以被我们用来制作页面的展示。

2014-12-31 14:58:16 867

原创 canvas下拉刷新--模仿水滴

拟物的设计曾经多次用在IOS的设计中,上图的下拉刷新就是模仿自苹果的Podcast(播客)。随着系统扁平化设计的步步深入,这种可以让人心领神会的小动画渐渐的被更加标准的旋转的菊花所代替。拟物扁平孰优孰劣,已经不在重要,这里只是想用web技术再仿制一次这个神奇的小水滴。可能已经再也用不上,仅仅作为向优秀设计的致敬。

2014-12-29 23:55:46 1556

原创 微信OAuth2.0网页授权接口

通过OAuth2.0受权的网页将会获取到打开者的微信信息,甚至包括微信昵称、头像等有用的数据,开发者们可以凭此设计出更多更丰富的页面应用,比如最近一直很火爆的红包类活动。除此之外还有个额外的好处,就是可以控制页面在非微信浏览器中无法打开,可以减少代码被人窥窃的风险。

2014-11-18 16:59:06 3523

原创 css3 动态背景

利用多层背景的交替淡入淡出,实现一种背景在不停变换的效果

2014-11-05 16:56:08 2683

原创 开裂效果的转场,jquery.slitslider.js的zepto实现版本

开裂效果的转场,jquery.slitslider.js的zepto实现版本

2014-08-14 19:30:53 1792 1

原创 揭秘腾讯burberry活动页面中的特效

揭秘腾讯burberry活动页面中的特效

2014-07-10 13:14:52 1148 1

原创 用Canvas制作可以根据手势摆动的树

根据工作的需要,制作一个摆动的树做为页面的背景。为了增加页面的交互性,我又为背景中的树增加了鼠标(触控)事件,使他能够根据鼠标(触控)做出相应的动作,当手指做上下或者左右滑动的时候树会跟着摆动。先看看最终效果。

2014-07-04 13:17:58 2208 2

原创 用Canvas为网页添加动态背景

随着浏览器对HTML5的支持越来越来好,使用canvas做动画再也不用担心兼容问题了。虽然CSS3的transform属性已经十分强大,但是在canvas面前也只能算是小儿科。今天就用canvas做一些不一样的动画。

2014-06-25 17:39:54 312

原创 用Canvas为网页添加动态背景

随着浏览器对HTML5的支持越来越来好,使用canvas做动画再也不用担心兼容问题了。虽然CSS3的transform属性已经十分强大,但是在canvas面前也只能算是小儿科。今天就用canvas做一些不一样的动画。

2014-06-25 17:28:23 2102 2

原创 用Canvas为网页添加动态背景

随着浏览器对HTML5的支持越来越好,尤其是移动浏览器,用canvas做动画将不再是问题。虽然CSS3的transform属性已经很强大,但是在canvas面前也只能是小儿科。今天就用canvas画一些好玩的。

2014-06-25 14:18:55 15318 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除