css3实现字体跳动 |css buttom边色

.anim{
animation: jump 1s infinite;
}
@keyframes jump {
0%{transform: translateY(0)}
50%{transform: translateY(-20px)}
100%{transform: translateY(0)}
}

大家首先使用CSS3的animation属性，设定了一个名为”jump”的动画，时长为1s，无限重复。接下来在@keyframes中设置了三个关键帧，分别是0%、50%、100%。在每个关键帧中，大家使用transform的translateY属性，实现了字体在垂直方向上的跳动。

最后大家在需要跳动的元素上添加.anim类名即可。