中央から四隅に背景が広がる

@keyframes SpreadBg {
  0% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes SpreadBg {
  0% {
    scale: 0 0;
  }
  100% {
    scale: 1 1;
  }
}

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