html - 異なる変換の異なる期間?

Question

要素の遷移と変換を設定しました。変換 (スケール、遠近法、回転) ごとに異なる期間を設定したいと考えています。それを達成する方法はありますか？

遷移：

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);

Answer 1

次のコードのように実現できます。私は自分のウェブサイトでそれを使用しましたが、完璧に機能します。

-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;

それが役に立てば幸い！

ありがとう