利用微信小程序新动画API之this.animate()实现3D旋转

从微信小程序基础库 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)

参数说明

属性	类型	默认值	必填	说明
selector	String	-	是	选择器（同 SelectorQuery.select 的选择器格式）
keyframes	Array	-	是	关键帧信息
duration	Number	-	是	动画持续时长（毫秒为单位）
callback	function	-	否	动画完成后的回调函数

实现3D围绕圆心旋转动画

以下只贴部分关键代码：

wxml

<view class="container">
	<view class="carousel" id="carousel_id">
		<view class="box" wx:for="{
    {items}}" wx:for-item="item" wx:for-index="index" wx:key="index" style="transform: rotateY({
       {
       index * 30}}deg) translateZ({
       {
       translateZ}});