我正在使用WebKit过渡来动画某些CSS更改 例如，假设我有一个红色的盒子，当有人徘徊时我想换成绿色。我用这个：
-webkit-transition-duration: 200ms;
-webkit-transition-property: background;
-webkit-transition-timing-function: ease;
这很有效。但现在，说我希望它也向下滑动一点。我用这个：
-webkit-transition-property: background, margin;
这也可行，但我希望盒子快速滑下（比如说50ms）。我无法更改-duration因为这会使颜色快速生成动画。
如何为CSS动画中的不同属性指定不同的持续时间？
如果有必要，我可以使用关键帧动画，但我没有看到他们可以帮助我的方式。
答案 0 :(得分：6)
Duratons可以逗号分隔，对应于过渡属性，即：
-webkit-transition-duration: 50ms, 200ms;
-webkit-transition-property: margin, background;