CSS 動畫性能優化是一個重要的考慮因素，因為不良的性能會影響用戶體驗。以下是一些優化 CSS 動畫性能的方法：
transform 和 opacity 屬性設置為 translate3d, translateZ(0) 或 translateX(0) 等，可以觸發 GPU 加速，從而提高動畫性能。width, height, margin 等。requestAnimationFrame 來優化性能。這個 API 可以讓瀏覽器在下一次重繪之前調用指定的函數來更新動畫，從而確保動畫的流暢性。em, rem, % 等，而不是絕對單位，如 px。will-change 屬性，該屬性可以提前告知瀏覽器某個元素將會發生變化，從而讓瀏覽器進行優化。請注意，以上建議并非一成不變的金科玉律，具體應根據項目的需求和目標進行權衡和調整。
