CSS中的點擊效果是網頁設計中常用的一種效果，它可以讓用戶感受到交互性和活力。不過很多人可能會遇到一個問題，那就是點擊效果只有在點擊瞬間才會出現，怎么才能讓它持續一段時間呢？ 我們可以使用CSS中的偽類來實現這一點。具體來說，我們需要用到:hover偽類和transition屬性。:hover偽類用于當鼠標懸停在元素上時觸發樣式，而transition屬性可以為元素的屬性添加過渡效果。 下面我們來看一個例子，模擬一個按鈕的點擊效果：

.btn {
background-color: #3498db;
color: #ffffff;
padding: 10px 20px;
border-radius: 5px;
box-shadow: 0px 5px 0px #2980b9;
transition: box-shadow 0.3s ease-in-out;
}
.btn:hover {
box-shadow: 0px 8px 0px #2980b9;
}

在上面的樣式中，我們定義了一個.btn類，為按鈕添加了一些基本的樣式，包括背景色、顏色、內邊距、圓角和陰影等。接著，我們使用transition屬性為box-shadow屬性添加了一個0.3秒的過渡效果。這里的box-shadow屬性指的是按鈕下方的陰影。 在:hover偽類中，我們把box-shadow屬性的值改變了一下，讓陰影的偏移量由5px變成了8px。這樣，在鼠標懸停在按鈕上時，陰影就會有一個向上跳動的效果，形成了一個點擊的感覺。 嘗試在瀏覽器中打開網頁，在按鈕上懸停一會兒，就可以看到效果了。可以看到，按鈕下方的陰影確實有一個向上跳的效果，并且持續了0.3秒。 通過這個例子，我們可以發現，使用:hover和transition屬性可以很方便地實現點擊效果的持續效果。這種方法適用于所有能夠使用:hover偽類的元素，包括鏈接、按鈕、菜單等。希望這篇文章對你有所幫助！