CSS動畫中，小雞動畫是一種廣受歡迎的效果。通過CSS屬性和選擇器的組合，我們可以創造出生動有趣的小雞圖像，為網頁增添趣味性。

/* 小雞圖像的CSS代碼 */
.chicken {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #F4D35E;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
animation-name: chicken-jump;
animation-duration: 0.5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
/* 小雞跳躍動畫的CSS代碼 */
@keyframes chicken-jump {
0% { transform: translateX(-50%) translateY(0); }
50% { transform: translateX(-50%) translateY(-20px); }
100% { transform: translateX(-50%) translateY(0); }
}

在上面的代碼中，我們定義了一個類名為“chicken”的元素，它是一個寬高為100px的圓形，背景色為黃色，底部居中對齊。同時，我們使用了CSS3的動畫屬性，實現了小雞跳躍的效果。

跳躍效果的實現依靠了CSS的@keyframes關鍵字，它可以定義動畫過程中的關鍵幀。在小雞跳躍動畫中，我們使用了三個關鍵幀，分別是起始狀態、中間狀態和結束狀態。通過改變“transform”屬性中的“translateY”值，實現了小雞的上下跳躍效果。

如今，CSS已經成為前端開發中不可或缺的技術之一，它為我們實現豐富多彩的頁面效果提供了有力支持。而小雞動畫，則是其中的一個生動形象的例子。