box-shadowとborder-radiusの組み合わせ

@keyframes AddBoxShadow_UseOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes AddBoxShadow_WithClipPath {
  0% {
    box-shadow: 0;
    clip-path: inset(0 round 20px);
  }
  100% {
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
    clip-path: inset(0 round 20px);
  }
}

@keyframes AddBoxShadow_WithBorderRadius {
  0% {
    box-shadow: 0;
    border-radius: 20px;
  }
  100% {
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
  }
}

@keyframes AddBoxShadow {
  0% {
    box-shadow: 0;
  }
  100% {
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
  }
}

@keyframes AddBoxShadow_NoBlurRadius {
  0% {
    box-shadow: 0;
  }
  100% {
    box-shadow: 0 7px rgba(0, 0, 0, 0.3);
  }
}