CSSだけでバウンドする文字のアニメーションサンプル

NARUHODO

小さく上下させることで弾んでいる様にみえます
大きな動きはkeyframesを細かく作らないとなのでなかなか大変そうですね

HTML

<p class="item_text">NARUHODO</p>

CSS

.item_text{
  animation: key1 .3s ease infinite alternate;
}

@keyframes key1{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}