変形したテキストが元に戻る

  .head-scale span {
    opacity: 0;
    display: inline-block;
    transform: scaleX(2) translateX(0.3em);
    transition:
      transform 1.2s ease-out,
      opacity 1.2s ease-out;
  }
  .head-skew span {
    opacity: 0;
    display: inline-block;
    transform: scaleX(1.5) skew(10deg);
    transition:
      transform 1.2s ease-out,
      opacity 1.2s ease-out;
  }
  .head-scale.show span {
    opacity: 1;
    transform: translateX(0) scaleX(1);
  }
  .head-skew.show span {
    opacity: 1;
    transform: translateX(0) skew(0);
  }