背景が左から流れる

@keyframes width {
  0% {
    inline-size: 0;
  }
  100% {
    inline-size: 100%;
  }
}

@keyframes transform {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  100% {
    transform-origin: left;
    transform: scaleX(1);
  }
}

@keyframes clip_path {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0);
  }
}

@keyframes background_position {
  0% {
    background-image: linear-gradient(to right, #ecc5fb 0%, #ecc5fb 100%);
    background-size: 200% 100%;
    background-repeat: no-repeat;
    background-position: 200% 100%;
  }
  100% {
    background-image: linear-gradient(to right, #ecc5fb 0%, #ecc5fb 100%);
    background-size: 200% 100%;
    background-repeat: no-repeat;
    background-position: 100% 100%;
  }
}