小程序如何使用css3动画
1.使用样式实现微型程序动画（熟人和CSS使用率）WXML文件
《图像class =“ aniamtion” src =“ ../ ../ images/page4.jfif“ style =” width：200rpx;高度：200rpx;位置：相对;“》/图像》
WXSS文件
。动画 {
动画：MyMove 5S无限；
/* //infinite属性是表示无限循环的意思，没有这个属性的话动画只执行一次。 */
}
@keyframes mymove {
从 {
/* left: 0px; */
/* transform: rotate（7deg） skew（50deg） translate（30rpx,30rpx）; */
变换：旋转3D （100,200,300,0公胜；
}
至 {
/* left: 200px; */
/* transform: rotate（7deg） skew（5deg） translate（100rpx,100rpx）; */
变换：旋转3d （200,300,400,360DEG）；
}
}
2.使用applet的API使用wx.createanimation（对象）实现动画来创建动画 - “回到动画对象来创建动画实例动画。
准备：函数（）{
this.animation = wx.createanimation（{
持续时间：1000，
timingFunction：“线性”，
延迟：100，
变形金学：“左上角0”
}）
},
调用实例描述Animation.animation.step（）的方法意味着一组动画已完成。您可以在一组动画中调用任何多个动画方法。一组动画中的所有动画都将同时开始。一组动画完成后
（旋转（）{
this.Animation.Rotate（150）.Step（）//只需描述动画
this.setdata（{
动画：this.animation.export（）
}）
},
最后，动画数据的动画属性通过动画实例的导出方法传输到组件。
（旋转（）{
this.Animation.Rotate（150）.Step（）//只需描述动画
this.setData（{//在setData（{}）中导出动画数据到组件
动画：this.animation.export（）
}）
},
完整的WXML
《查看类=“容器”》
《查看animation =“ {{animation}}” class =“ view”》
将是动画块
“/看法”
“/看法”
《按钮类型=“默认” size =“ mini” bindtap =“旋转”》
旋转
“/按钮”
完整的WXJ
页（{
数据： {
动画：''
},
准备：函数（）{
this.animation = wx.createanimation（{
持续时间：1000，
timingFunction：“线性”，
延迟：100，
变形金学：“左上角0”
}）
},
（旋转（）{
this.Animation.Rotate（（150）。步骤（）。翻译（100）。
this.setdata（{
动画：this.animation.export（）
}）
}
}）
3.使用选择器绑定组件以实现组件的动画（可用于小程序2.9.0的库，该版本不足以报告此。
《文本》页/index7/index7.wxml《/文本》
《视图ID =“容器” style =“高度：100px;宽度：100px;背景色：蓝色;“》
容器
“/看法”
《视图class =“ block” style =“高度：100px;宽度：100px;背景色：#ccc;“》
堵塞
“/看法”
使用选择器为相应的动画选择相应的组件以处理关键框架
on load：功能（）{
this.animate（’#container’, [
{不透明度：1.0，旋转：0，背景彩色：’＃ff0000’}，
{不透明度：0.5，旋转：45，背景彩色：’＃00ff00’}，
{不透明度：1.0，旋转：90，背景彩色：’＃ff0000’}，
], 5000）
this.animate（’.block’, [
{scale：，旋转：0，Ease：’Ease out’}，，
{scale：，旋转：45，Ease：’selie-in’}，，
{scale：，旋转：90}，，
], 5000）
},
}
4.使用第三-Party Library Animation.css
需要做什么
来自https://dneten.github.io/animate.css/下载CSS动画文件
.CSS文件被重命名为.wxss文件（在applet的大小受到限制之后，需要更改相应的需要）
将其介绍给您的app.wxss文件
@Import“动画文件的相对目录”
使用时绑住他和您的风格
《视图class =“ swing” style =“高度：100px;宽度：100px;背景色：#ccc;“》
堵塞
“/看法”
//给出一个名为Swing的文件，绑定秋千动画
。摇摆{
动画：秋千5S无限；
}
网页设计与制作（HTML5+CSS3）
是什么意思正如其他网民回答的那样，此片段是一个自定义属性，通常用于页面布局。例如：当您的页面为两个左和右列时，代码如下：
我应该从上面的代码中理解吗？它与注释有点相似，但是此方法比注释更灵活。
css3怎么让动画匀速变换 linear
过渡 - 触发功能。例如过渡动画，动画动画也是一种CSS3动画。这样的动画可以理解为关键帧动画。我们可以获得动画动画的更复杂的动画效果。
注意：过渡是一个属性，需要为页面元素产生动画效果，例如宽度，高度，透明度甚至3D旋转等。过渡效果。我们在制作类似按钮时经常使用过渡，并且失效。
用外行的话来说，过渡是CSS3动画的简化版本，而动画是CSS3动画的增强版本。在日常开发中，过渡的使用频率更高。当遇到过渡无法解决的问题时，我们经常使用动画。
