波纹扩散
从中心向外扩散并淡出，模拟水波。
效果预览
参数调节
完整代码
/* 波纹扩散 */
@keyframes ripple {
from { opacity: .7; transform: scale(.4); }
to { opacity: 0; transform: scale(2); }
}
.ripple { animation: ripple 1.8s ease-out infinite; }