每個轉換屬性的不同轉換持續時間

我想爲每個轉換屬性使用不同的持續時間。例如，對於寬度，我想要以0.3s和0.6s的高度進行轉換。每個轉換屬性的不同轉換持續時間

在CSS3中可能嗎？

2014-04-08 Mohebifar

當然，你可以列出不同的過渡用逗號分隔列表：transition: color 0.25s ease, border 1s linear

2014-04-08 19:08:15

謝謝！是否有可能在轉換中將'transform：translateX（..）'與'transform：rotate（..）'分開？ – Mohebifar

不幸的是，因爲'transform'被認爲是一個捆綁的屬性。可能的工作是將你正在轉換的任何東西都包裝在一些包裝中，一個包含你需要以不同方式轉換的每個屬性。或者，也可以使用javascript來觸發具有各自轉換和轉換的類。 –

transition: width 0.3s, height 0.6s;

只需使用速記transition屬性。不要忘記廠商前綴。

2014-04-08 19:07:31 Mooseman

回答