Html 未应用CSS3动画计时函数属性

我有一个简单的动画任务。我已经应用了关键帧来定义动画，并为该关键帧提供了对需要使用选择器应用它们的元素的引用

动画正在工作，但它没有使用我提供的计时功能。 取而代之的是默认的“轻松”

---

示例-

首先，它是

-webkit动画计时功能：

，而不是

-webkit转换计时功能

，因为您正在使用动画

其次，由于

-webkit动画：AA_Anim 1.5s，定时功能被覆盖。使用速记版本（仅
动画
）使用给定的值，并假定其余的为默认值。因此，您必须在每个
-webkit动画
中使用计时功能，或者使用
动画名称
和
动画持续时间
。第二种方式如下所示：

div {
    ...
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.25, 1);
}
.div1 > div, .div2 > div {
    position:relative;
    -webkit-animation-name:AA_Anim;
    -webkit-animation-duration:2.5s;
}
.div1, .div2 {
    -webkit-animation-name:AA_Anim;
    -webkit-animation-duration:1.5s;
    position:relative;
}


div {
    ...
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.25, 1);
}
.div1 > div, .div2 > div {
    position:relative;
    -webkit-animation-name:AA_Anim;
    -webkit-animation-duration:2.5s;
}
.div1, .div2 {
    -webkit-animation-name:AA_Anim;
    -webkit-animation-duration:1.5s;
    position:relative;
}