Css圖標跳動效果是一種很流行的動畫特效，可以讓網站更加的生動有趣。

要實現這種效果，需要用到CSS的動畫屬性和關鍵幀技術。我們可以為圖標添加一個類名 icon，然后通過動畫屬性和關鍵幀來控制圖標的跳動效果：

.icon {
display: inline-block;
animation: bounce 1.5s ease-in-out infinite;
}
@keyframes bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}

上述代碼中，我們定義了一個類名為 icon，控制圖標的 display 屬性為 inline-block，使其可以與文字在一行中展示。然后通過 animation 屬性，指定動畫名稱為 bounce，動畫時間為 1.5s，動畫緩動函數為 ease-in-out，動畫無限循環。最后，在關鍵幀中定義跳動效果的動畫過程，通過 transform 屬性進行位移變化。

通過以上的CSS代碼，便可以實現一個生動有趣的圖標跳動效果。