波紋が広がる

@keyframes Ripple_useScale {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(10, 10);
    opacity: 0.2;
  }
}

@keyframes Ripple_useClipPath {
  0% {
    clip-path: circle(0% at center);
  }
  100% {
    clip-path: circle(100% at center);
  }
}