查看CSS動畫源碼是每一個前端開發人員必不可少的技能之一，因為只有深入閱讀源碼才能更好地理解并掌握CSS動畫的實現方式。下面我們來看看如何查看CSS動畫源碼：

一、使用瀏覽器開發者工具

打開瀏覽器開發者工具（一般是F12），選擇“元素”或“Elements”選項卡，通過鼠標直接選中含有動畫效果的元素，可以在右側的“Styles”欄中找到其CSS屬性。其中，動畫相關的屬性一般以“animation-”開頭，比如：animation-duration、animation-timing-function、animation-delay等。

二、使用CSS預處理器源碼查看

如果該CSS動畫是使用CSS預處理器（如Sass、Less、Stylus等）實現，則可以直接查看CSS預處理器的源碼。通過源碼中的變量和混合器，可以更直觀地理解CSS動畫背后的邏輯和實現細節。

三、使用CSS動畫插件源碼查看

如果使用類似Animate.css等CSS動畫插件，則可以直接查看插件源碼中的CSS樣式。在插件的倉庫或官網中找到其源碼，找到與所需動畫相關的類名或CSS屬性即可。

在查看CSS動畫源碼時，需要注意保留或調整原有的CSS樣式，以避免影響整個頁面的布局和樣式。