CSS3的手指動畫可以讓你的網站變得更加生動活潑，讓用戶感受到更好的互動體驗。

/* 設置手指動畫 */
.finger {
position: relative;
animation: finger 1s infinite;
}
/* 定義手指動畫 */
@keyframes finger {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(0, 10px);
}
100% {
transform: translate(0, 0);
}
}

上面的代碼是設置一個手指動畫的示例。首先，我們將手指的容器設置為相對定位的，這樣手指的動畫便相對于手指的容器進行。然后，我們使用CSS3的動畫屬性創建一個名為“finger”的動畫，并將其設置為無限循環。

接下來，我們在@keyframes關鍵字后面定義了一個名為“finger”的動畫。這個動畫有三個關鍵幀：0%、50%和100%。每一個關鍵幀都定義了手指在這個位置時的狀態。在0%關鍵幀的狀態下，手指應該不動。在50%關鍵幀的狀態下，手指應該向下移動10像素。在100%關鍵幀的狀態下，手指應該回到0像素。

這個手指動畫的效果是讓手指看起來像是在輕輕地點動。用戶觸碰到這個手指時，便會感受到手指的生動感，這可以讓用戶更加愿意與你的網站進行互動。