我可以使用變換作爲過渡屬性的值嗎？

transition-property: transform;

W3C transition standard沒有列出變換爲動畫值。

實際上W3C transform standard對於Animatable缺失行：在7的表中是/否。'transform'屬性。

我擔心這是合法與否。

This stackoverflow answer建議使用transform作爲transition-property的值。

我可以使用0％和100％關鍵幀得到變換動畫，但如果只涉及2個狀態，我寧願過渡而不是動畫。

2013-07-02 P K

看起來好像你可以，但我不太確定跨瀏覽器的兼容性。你可以玩它here。使用已經提供的代碼，當您將鼠標懸停在紅色框上時，它會移動。

2013-07-02 17:56:49

transition-property：width; ????我在詢問有關變換 –

@PK我知道，但是頁面已編碼，因此您可以編輯代碼，將其更改爲左側的transition-property以進行變換，並在右側進行更新。 – 2013-07-02 22:36:28

您必須爲每個引擎指定確切的名稱。因此，例如，對於Safari和Chrome，你應該寫如下：

-webkit-transition-property: -webkit-transform;

這裏是JSFiddle工作的例子。
說明：我已使用transform屬性的簡寫。

2013-07-03 15:51:57

回答