CSS3 漣漪效果是指在一個元素上點擊或者懸停時，會產生一個從中心點向外擴散的波紋狀的動畫效果。這種效果能夠增加交互體驗，并且可以用在各種元素上，例如按鈕、圖片等。

/* CSS代碼 */
.ripple {
position: relative;
overflow: hidden;
transform: translate3d(0,0,0);
}
.ripple-effect {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-radius: 100%;
background-color: rgba(255,255,255,0.5);
animation: ripple-animation 0.6s linear;
}
@keyframes ripple-animation {
to {
transform: scale(2.5);
opacity: 0;
}
}

這個示例代碼中，我們為容器元素設置了相對定位，同時使用了overflow:hidden屬性來裁剪超出容器區域的元素。之后，我們創建了一個偽元素.ripple-effect來實現波紋效果的動畫。

運行這個代碼后，當鼠標在容器區域內進行點擊或懸停時，就可以看到由中心點向四周擴散的漣漪效果。