隨著網頁和移動應用的發展，動畫已經成為界面設計的重要組成部分。CSS中的動畫技術越來越流行，因為它是一種輕量級的選擇，無需JavaScript，可以直接通過CSS文件進行調整。下面介紹一些CSS中實現動畫的方式。

/* 方式一：使用關鍵幀 */
@keyframes example {
from {background-color: red;}
to {background-color: yellow;}
}
/* 方式二：使用transition */
.example {
transition: background-color 1s ease;
}
.example:hover {
background-color: green;
}
/* 方式三：使用animation */
.example {
animation-name: example;
animation-duration: 4s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
@keyframes example {
0% {background-color: red;}
50% {background-color: yellow;}
100% {background-color: blue;}
}

第一種方式是使用關鍵幀。關鍵幀動畫通過指定元素在一系列關鍵時刻的值來定義動畫的系列。 第二種方式是使用transition。當元素改變時，可以通過transition過渡屬性來實現從開始狀態到結束狀態之間的中間動畫效果。可以設置過渡的時間，過渡的屬性和過渡的函數等。 第三種方式是使用animation。它是一種更為復雜的動畫，因為它可以指定一組關鍵幀，并控制動畫的時間、速度和循環次數等。使用animation，可以創建更為復雜的動畫，比如循環、暫停、反向等。