CSS動畫是Web前端開發中常用的一種技術，可以用來實現網頁中各種生動有趣的效果，比如彈出效果、滾動效果等等。本文主要介紹如何定義CSS動畫的代碼。

/* 定義CSS動畫 */
@keyframes example {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
/* 應用CSS動畫 */
.element {
animation: example 2s ease-in-out infinite;
}

首先，我們需要使用@keyframes來定義CSS動畫并賦予一個名稱，這里我們取名稱為“example”，然后在大括號中定義動畫過程。0%代表動畫的起始狀態，100%代表動畫的結束狀態，中間的百分比表示動畫在運行過程中的狀態。

在上述代碼中，我們定義的動畫是一個元素從原來的大小開始，先放大到原來的1.5倍，再縮小回原來的大小，整個過程持續2秒。ease-in-out表示動畫速度的變化，infinite表示動畫的循環次數，如果想設置動畫只播放一次，則將infinite改為1即可。

最后，我們將上述定義的CSS動畫應用到指定的元素中，使用animation屬性，將動畫名稱和動畫時間等參數傳入即可。

以上就是定義CSS動畫的基本步驟和代碼，希望對你有所幫助。