CSS3中的Keyframes是一種非常有用的技巧。它可以幫助我們創建動畫效果，使網頁更加生動有趣。以下是一些CSS3 Keyframes的例子。

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.bounce {
animation: bounce 2s infinite;
}

這是一個非常流行的CSS3 Keyframes的例子，它可以創建一個簡單的跳動效果。可以看到，這個代碼定義了一個名為bounce的Keyframes，它有5個不同的時間點，每個時間點都有不同的CSS屬性。

在這個例子中，我們創建了一個div，然后給它一個類名為“bounce”。然后我們將“bounce”這個類名與我們定義的Keyframes相結合，這樣CSS就能夠知道如何在HTML文本中應用這個動畫。

@keyframes spin {
0% {
transform:rotate(0deg);
}
100% {
transform:rotate(360deg);
}
}
.spinner {
animation-name: spin;
animation-duration: 2000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

除了簡單的跳動動畫，CSS3 Keyframes也可以做更多的復雜的動畫效果。例如，我們可以創建一個旋轉動畫，使我們的元素可以像車輪一樣旋轉。

與之前相同，我們定義了一個名為“spin”的Keyframes，我們約定0%時元素沒有旋轉，100%時元素完全旋轉360度。還需要注意的是，我們針對“.spinner”類定義了特定動畫的屬性，如動畫名稱、持續時間、動畫時間函數和動畫重復執行次數。

總之，CSS3 Keyframes是一個強大的、充滿創意的工具，可以為網頁增加許多動態的效果。通過創建精美而有趣的動畫，我們可以吸引用戶的注意力，提高用戶對網頁的參與度，而這些效果都可以通過CSS3 Keyframes來實現。