css卷轴动画小程序,微信小程序动画两种实现方式

开发小程序，实现动画功能，有两种实现方式，下面来看看具体怎么做：

JS动画

利用小程序API提供的wx.createAnimation(OBJECT)实现，API中是这样说：创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。

wxml

{ {start}}

{ {end}}

css

@font-face {

font-family: 'iconfont'; /* project id 703892 */

src: url('//at.alicdn.com/t/font_703892_u8zob8nchpf.eot');

src: url('//at.alicdn.com/t/font_703892_u8zob8nchpf.eot?#iefix') format('embedded-opentype'),

url('//at.alicdn.com/t/font_703892_u8zob8nchpf.woff') format('woff'),

url('//at.alicdn.com/t/font_703892_u8zob8nchpf.ttf') format('truetype'),

url('//at.alicdn