鼠標點擊是網頁交互中常見的一種效果，使用CSS可以很方便地實現。

/* 鼠標點擊效果 */
.click-effect {
position: relative;
}
.click-effect::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.3);
transform: scale(0);
transition: transform 0.3s ease-out;
}
.click-effect:hover::before {
transform: scale(2);
}

以上代碼實現了一個簡單的鼠標點擊效果，當鼠標懸停在一個具有類名為click-effect的 HTML 元素上時，在其上方顯示一個半透明圓形，隨后根據 CSS3 的transform屬性實現一個從 0 倍放大到 2 倍的過程，從而呈現出點擊的視覺效果。

需要注意的是，這個效果只針對鼠標懸停狀態下的效果，如果需要實現真正的點擊效果，還需要添加一些 JavaScript 交互邏輯或者使用偽類:active。