CSS3 山形動畫是一個讓頁面更生動有趣的動畫效果，主要通過在CSS中利用transform和animation屬性進行設置。首先，我們需要把HTML頁面的元素通過CSS定位到需要的位置。其次，我們需要設置元素的初始狀態和結束狀態，以及動畫持續的時間。下面我們來看看如何實現山形動畫。

.shanxing {
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
width: 200px;
height: 100px;
background-color: #1A73E8;
transform-origin: bottom center;
transform: rotate(60deg);
animation: shan 2s ease-in-out infinite alternate;
}
@keyframes shan {
0% {
transform: rotate(60deg);
}
100% {
transform: rotate(120deg);
}
}

在上面的代碼中，我們使用CSS中的position屬性將元素.shanxing定位到頁面的中心，使用margin屬性對其進行微調，設置元素的寬高以及背景顏色。然后在transform屬性中，我們設置元素以底部中心為原點旋轉60度，即初始狀態。接著，我們通過animation屬性設置了一個名為shan的動態，持續時間為2秒，采用緩進緩出效果，并且無限循環交替進行。

在動畫中，我們通過@keyframes關鍵字來定義shan動畫的狀態變化。0%狀態下元素的初始狀態為旋轉60度，100%狀態下元素的結束狀態為旋轉120度。這樣，當動畫播放時，元素將從旋轉60度逐漸轉到120度，然后再回到旋轉60度。這樣就形成了一個往返于山形的動畫效果。

總的來說，CSS3山形動畫是一種簡單易用的動畫效果，在頁面中可以用來增加頁面的互動性和趣味性。通過對CSS transform和animation屬性的使用，我們可以實現各種各樣的效果。而在實際應用中，我們需要根據頁面的需要靈活運用這些屬性，來創造屬于自己的動畫效果。