CSS3动画是网页设计师必须掌握的技能之一，其中跳动动画是非常常见的一种效果。在实现跳动动画的过程中，需要使用到CSS3中的一些属性。

.bounce {
animation-name: bounce;
animation-duration: 2s;
animation-delay: 0s;
animation-fill-mode: both;
}
@keyframes bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0);
}
}

在上述代码中，.bounce 类被赋予了一个跳动的动画。这个动画应用了一个名为 bounce 的关键帧，这个关键帧定义了从开始到结束动画所要进行的变化。

在关键帧中，我们使用 transform 属性来实现跳动效果。translateY() 函数用来在 Y 轴方向上的移动，通过设置不同的 translate 值以及动画帧，就可以实现一个跳动的效果。

最后，将 bounce 动画应用到 HTML 元素上。这里，我们将其应用到拥有 bounce 类的元素上，这样这个元素就会展现出我们所期望的跳动效果。