波紋擴散
從中心向外擴散並淡出，模擬水波。
效果預覽
參數調節
完整代碼
/* 波紋擴散 */
@keyframes ripple {
from { opacity: .7; transform: scale(.4); }
to { opacity: 0; transform: scale(2); }
}
.ripple { animation: ripple 1.8s ease-out infinite; }