鏈條式動畫是CSS動畫中的一種經典效果，它利用了CSS的動畫屬性以及偽類選擇器，通過為不同的HTML元素設置不同的類名實現動畫效果的連續播放。下面是一個簡單的例子：

/* 首先定義兩個動畫keyframes */
@keyframes fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes slide-in {
0% { transform: translateX(-100%); }
100% { transform: translateX(0); }
}
/* 暫時隱藏所有元素 */
.item {
opacity: 0;
}
/* 針對不同的元素定義不同的類名和延時 */
.item:first-child {
animation-delay: 0s;
animation-name: fade-in;
animation-duration: 0.5s;
}
.item:nth-child(2) {
animation-delay: 0.5s;
animation-name: slide-in;
animation-duration: 1s;
}
.item:last-child {
animation-delay: 1.5s;
animation-name: fade-in;
animation-duration: 0.5s;
}
/* 逐個顯示元素 */
.item.show {
opacity: 1;
}

上面的代碼演示了三個元素分別實現淡入、從左側滑入、淡入的效果。首先通過設置`.item`的`opacity: 0`隱藏了所有元素。然后通過為每個元素添加獨特的類名和動畫效果，在類名一一添加到元素上的過程中，就可以實現一個逐個顯示的效果。最后通過給`.item.show`設置`opacity: 1`實現元素的逐個顯示。

這種鏈條式動畫常常出現在網頁中的列表、菜單等組件中，可以為網頁增添活力和趣味性，而且實現起來相對簡單，是CSS動畫學習中的經典案例。