大家好，今天我們來講一下CSS中hover字跳動。

.hover-demo:hover {
animation: jump .5s ease-in-out infinite;
}
@keyframes jump {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}

以上是一個簡單的hover字跳動動畫代碼，我們可以將其應用到任何文本中。首先，我們需要選擇我們希望應用動畫的元素。在這個例子中，我們使用了一個類選擇器 .hover-demo 來選中需要應用動畫的元素。

接下來，我們使用了:hover偽類，這意味著當鼠標懸停在元素上時，動畫將開始。我們使用了animation屬性來定義我們想要使用的動畫，并且將其設(shè)置為無限循環(huán)。在這種情況下，動畫名稱為jump，持續(xù)時間為0.5秒，動畫時間函數(shù)為ease-in-out。

最后，我們定義了一個keyframes規(guī)則，它指定了動畫在不同時間點應該使用的CSS屬性。在這個示例中，我們在第50%的時間點應用了transform: translateY(-10px)屬性，這將導致文本向上跳10像素。

通過使用hover字跳動，我們可以在網(wǎng)站設(shè)計中添加一些趣味性，讓用戶停留在頁面上并提高頁面的吸引力。