从微信小程序基础库 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围绕圆心旋转动画
以下只贴部分关键代码：文章来源：https://www.toymoban.com/news/detail-400689.html
wxml文章来源地址https://www.toymoban.com/news/detail-400689.html
<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}});到了这里，关于利用微信小程序新动画API之this.animate()实现3D旋转的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
