Html 不同变换的不同持续时间？

我已经为一个元素设置了一个转换和一个变换。我希望每个变换（缩放、透视、旋转）都有不同的持续时间。有什么办法可以做到这一点吗

过渡：

transition:-webkit-transform 1s linear;
-webkit-transition: -webkit-transform 1s linear; /** Chrome & Safari **/

转换：

   -webkit-transform: translate3d(50px, 114.82978723404256px, 0px) perspective(2000px) rotateX(40deg) scale(0.23297872340425532);

---

您可以像下面的代码一样实现它。我在我的网站上用过，效果非常好

-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
-moz-transition: -moz-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;

希望有帮助

---

谢谢

AFAIK，你唯一的可能性是1）带有关键帧的动画2）几个元素，每个元素有一个过渡。如果它们没有全部使用

transform

你可以这样做，因此如果你可以使用宽度/高度/位置来更改比例，但是VAL是正确的OP特别询问多个CSS

transform

属性<代码>不透明度不是

变换

属性。