从微信小程序基础库2.9.0开始支持一种更友好的动画创建方式，用于代替旧的wx.createAnimation。它具有更好的性能和更可控的接口。在页面或自定义组件中，当需要进行关键帧动画时，可以使用this.animate接口（官方API文档链接地址：https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html）this.animate(selector,keyframes,duration,callback)参数说明属性类型默认值必填说明selectorString-是选择器（同SelectorQ

css3animatesteps帧动画背景图如下：宽度是270px,每个方块是等宽的45px。1.png#step{width:45px;height:45px;border:1pxsolid#ccc;background:url(../images/1.png)no-repeatleftcenter;animation:goStepinfinite3ssteps(6,end);}@keyframesgoStep{0%{background-position:00;}100%{background-position:-270px0;}}如果steps有第二个参数，把一张width:270px的

css3animatesteps帧动画背景图如下：宽度是270px,每个方块是等宽的45px。1.png#step{width:45px;height:45px;border:1pxsolid#ccc;background:url(../images/1.png)no-repeatleftcenter;animation:goStepinfinite3ssteps(6,end);}@keyframesgoStep{0%{background-position:00;}100%{background-position:-270px0;}}如果steps有第二个参数，把一张width:270px的

介绍早在BUI1.0版本就已经加入了这个动画控制器，利用transform进行上下左右旋转放大缩小等操作，简单的操控元素按步骤做动画。原本是打算在BUI控件里面用的，后面采用了​​bui.toggle​​来处理交互动画，用animate比较少，就一直搁着。直到最近1.7.3版本开始，才对这个动画控制器进行改造，改造后，现在支持属性动画，同步动画，顺序动画，循环动画等等，方便了许多。改造前动画实例单个动画原理style>#animate{width:.6rem;height:.6rem;background:red;}style>divid="#animate">div>/*单个动画*/varu

介绍早在BUI1.0版本就已经加入了这个动画控制器，利用transform进行上下左右旋转放大缩小等操作，简单的操控元素按步骤做动画。原本是打算在BUI控件里面用的，后面采用了​​bui.toggle​​来处理交互动画，用animate比较少，就一直搁着。直到最近1.7.3版本开始，才对这个动画控制器进行改造，改造后，现在支持属性动画，同步动画，顺序动画，循环动画等等，方便了许多。改造前动画实例单个动画原理style>#animate{width:.6rem;height:.6rem;background:red;}style>divid="#animate">div>/*单个动画*/varu