使用CSS3動畫

Question

我有這個fiddle。根據這個小提琴，當class='hide'被添加到任何跨度時，它應該是動畫的，但它不能很好地運行。我想爲添加class='hide'時的跨度設置動畫。它應該在改變寬度時動畫。

Answer 1

這是因爲您正在將width: auto定義爲動畫的其中一幀。 CSS動畫大多隻適用於固定值。

嘗試設置width: 100px例如，並檢查出來。

http://jsfiddle.net/MhJ2Y/3/

對此的解決方案，可以得到&通過jQuery上文檔加載設置寬度爲固定值。