CSS中有一種效果是當(dāng)鼠標(biāo)不動(dòng)的時(shí)候隱藏元素，可以通過(guò):hover偽類和transition屬性實(shí)現(xiàn)。

/* 首先定義需要隱藏的元素 */
.hidden {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
/* 當(dāng)鼠標(biāo)懸停在目標(biāo)元素上的時(shí)候，讓其opacity屬性變成1，即顯示出來(lái) */
.target:hover + .hidden {
opacity: 1;
}

以上代碼中，.target表示需要懸停的目標(biāo)元素，+符號(hào)表示它的下一個(gè)兄弟元素，.hidden表示需要隱藏的元素。當(dāng)鼠標(biāo)移動(dòng)到.target元素上時(shí)，.hidden元素就會(huì)顯示出來(lái)，當(dāng)鼠標(biāo)離開.target元素后，.hidden元素又會(huì)隱藏起來(lái)。

這個(gè)效果在現(xiàn)代網(wǎng)頁(yè)中非常常見，可以用于交互引導(dǎo)或者顯示更多信息等等。