CSS3伸展動畫是一種非常炫酷的動畫效果，可以讓網頁更加生動有趣。這種動畫效果通過使用CSS3的transform屬性和transition屬性來實現。

.box {
width: 100px;
height: 100px;
background-color: #FF5A5E;
transition: height 0.5s ease-in-out;
}
.box:hover {
height: 200px;
transform: rotate(45deg);
}

上面的代碼中，我們首先定義了一個名為“box”的div元素，并設置它的寬度、高度、背景顏色和過渡效果。當鼠標懸停在這個div元素上時，它的高度會變成200px，并旋轉45度。

通過使用CSS3伸展動畫，我們可以實現很多有趣的效果，比如當用戶懸停在一個按鈕上時，按鈕會變形或者擴張。這種動畫效果可以吸引用戶的注意力，使得網頁更加有趣和互動性。

.button {
width: 100px;
height: 50px;
background-color: #FF5A5E;
color: #FFF;
transition: transform 0.5s ease-in-out;
}
.button:hover {
transform: scale(1.2);
}

上面的代碼中，我們定義了一個名為“button”的按鈕，并設置它的寬度、高度、背景顏色、前景顏色和過渡效果。當用戶懸停在這個按鈕上時，它會擴大1.2倍。

綜上所述，CSS3伸展動畫是一種非常實用和有趣的動畫效果，可以使得網頁更加生動和互動。通過了解這種動畫效果的實現方式，我們可以在網頁設計中運用它，使得我們的網頁更加與眾不同。