jquery - jquery text | on mouse hover

Question

Can anyone tell me how this animation is working "centered one".See a link.I don't know where to start with

Answer 1

テキストをスパンに分割する

<spans class="highlightOnHover">

次に、jQueryを使用してこれを強調します

$(".highlghtOnHover").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);