CSS小雞破殼代碼是一種非常有趣并且常見的CSS動畫效果。下面是一個示例代碼：

.chicken {
position: relative;
width: 100px;
height: 100px;
}
.egg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
animation: egg 2s ease-out forwards;
}
.chick {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('chick.png');
background-repeat: no-repeat;
background-position: center;
background-size: 60%;
opacity: 0;
animation: chick 2s ease-out forwards;
}
@keyframes egg {
0% { 
transform: scale(1);
}
100% { 
transform: scale(1.2);
}
}
@keyframes chick {
80% {
transform: scale(1.2);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}

下面是解釋這段代碼的含義：

首先，在HTML中定義了一個父元素，類名為.chicken。該層用作整個動畫的基礎。

接著，定義了兩個子元素，.egg和.chick。

.egg是一個絕對定位的元素，一開始它完全覆蓋.chicken元素。然后，在2秒內，它逐漸放大并變為一個“雞蛋”的形狀。

接下來，定義了一個.chick元素。該元素設置為透明，一開始被隱藏。它也是一個絕對定位的元素，并且與.egg元素具有相同的尺寸和位置。當雞蛋變成最大尺寸的時候，小雞被顯示出來，并從中心位置縮小到正常大小。

最后，定義了兩個關鍵幀動畫egg和chick。egg使用CSS3 transform屬性來放大雞蛋。關鍵幀的初始值為1，最終值為1.2。chick使用opacity屬性使小雞漸變出現。關鍵幀的初始值為0，最終值為1。

CSS小雞破殼代碼是一種很有趣的CSS動畫效果，可以為網頁增加趣味性及不同的視覺效果。而以上的代碼正是實現它的代碼，它簡單易懂，憑借它可以輕松制作這個效果。