好吧,名字取的实在是龊,想到好的名字时会更换一下。
webapp的视差效果能称为网页展现中的点睛之笔,而视差效果则取决于网页精灵的动画效果丰富程度。一直想写一个能够灵活添加动画效果的翻页webapp。之前利用cocos2d-js的
丰富的场景切换动画和精灵动作写过一个插件,但最后出来的体积过于庞大,有牛刀杀鸡之感。
这次是基于zepto.js开发的插件,并使用了LESS来编写CSS3动画代码。在构建时可以只@import
所需的动画文件即可,既能维护一个可扩展的动画库,又保证了最终上线的css文件的体积。
插件使用方法见example中的demo。