ayovue/themes/base/ripple.css

A progressive vue components library designed to simplify and accelerate your web development process.

.a-ripple {
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  background-color: var(--ripple-color, rgba(255, 255, 255, 0.7));
  position: absolute;
  transform: scale(0);
  animation: ripple 0.4s linear;
}
@keyframes ripple {
  to {
    transform: scale(2.5);
    opacity: 0;
  }
}