影がつく

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

@keyframes AddBoxShadow {
  0% {
    clip-path: inset(1px);
  }
  100% {
    clip-path: inset(-10px);
  }
}

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