@keyframes rippleAnimation

@keyframes rippleAnimation是一个CSS动画关键帧，用于创建一个水波纹效果的动画。以下是一个简单的示例：

@keyframes rippleAnimation {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

在这个示例中，动画从0%开始，元素的大小为0，不透明度为1。然后，在100%时，元素的大小将增加到2倍，不透明度将变为0。使用此动画的元素将会呈现出一个从中心点开始的水波纹效果，最终消失在边缘处。可以通过将这个关键帧与其他CSS属性一起使用，来创建更多的动画效果。