CSS牛頓擺動畫是一個很有趣的動畫效果，可以模擬牛頓擺在自由擺動的狀態下的運動軌跡，讓頁面效果更加生動有趣。

想要使用CSS牛頓擺動畫非常簡單，只需使用CSS中的關鍵幀動畫以及一些基本的CSS樣式就可以實現。

代碼如下：

/* 定義牛頓擺的基本樣式 */
.newton-pendulum {
width: 4px;
height: 100px;
background-color: #f00;
position: absolute;
top: 50%;
left: 50%;
margin-top: -61px;
margin-left: -2px;
transform-origin: center bottom;
animation: newton-pendulum 2s ease-in-out infinite alternate;
}
/* 定義關鍵幀動畫 */
@keyframes newton-pendulum {
0% {
transform: rotate(3deg);
}
50% {
transform: rotate(-3deg);
}
100% {
transform: rotate(3deg);
}
}

以上代碼中，我們首先定義了一個div元素，其class為“newton-pendulum”，這個元素即為我們需要實現動畫的元素。我們通過一系列的基本樣式來定義這個元素的樣式，包括它的高度、寬度、背景顏色、位置等等。其中，我們通過設置“transform-origin”屬性來指定元素的旋轉中心點為底部中心。

接著，我們定義了一個名為“newton-pendulum”的關鍵幀動畫。這個動畫分為三個關鍵幀，分別對應動畫的三個階段：擺動左側、擺動右側、擺動回到左側兩個極點的過程。在每個關鍵幀中，我們通過“transform: rotate()”屬性來控制元素的旋轉角度。

最后，我們在元素的樣式中使用“animation”屬性來設置該元素使用這個名為“newton-pendulum”的關鍵幀動畫，并指定持續時間為2秒，運動方式為“ease-in-out”，無限循環播放，且交替方向運動。

通過這極其簡單的代碼，我們就可以輕松實現一個有趣的CSS牛頓擺動畫效果。