在附加元素上觸發 CSS 轉換 為什麼立即 CSS 動畫會被忽略？ 當元素附加到 DOM 時，瀏覽器經常會大量回流以優化效能。但是，這可能會導致立即 CSS 轉換被忽略，從而導致轉換的最終狀態立即呈現。 這些方法如何以及為何運作？ setTimeout: 延遲將類別新增至新的 JavaScript 回合，確保渲染引擎在過渡期間有兩個不同的樣式值進行插值。 offsetWidth： 透過存取導致重排的屬性強制重排，觸發初始樣式值計算。 焦點： 觸發同步重排，允許立即開始轉換。 還有其他方法嗎？ 觸發附加元素轉換的其他方法包括： requestAnimationFrame:在下一個瀏覽器框架中安排類別添加，將其與初始附加回合分開。 MutationObserver： 觀察 DOM 變更並相應地觸發轉換。 首選解決方案 首選解決方案是主觀的，但許多開發人員喜歡訪問offsetWidth，因為它強制同步回流並保證轉換的執行。主流瀏覽器也支援此方法。
