CSS中有一個(gè)很常用的效果就是漸隱（Fade Out）和漸顯（Fade In），這個(gè)效果可以讓元素從完全顯示到完全隱藏，或者從完全隱藏到完全顯示，實(shí)現(xiàn)優(yōu)雅的頁面過渡效果。那么如何設(shè)置這個(gè)效果呢？下面將介紹一下CSS中漸除效果的設(shè)置方式。 首先需要準(zhǔn)備一個(gè)需要設(shè)置漸隱效果的元素，例如下面這個(gè)p標(biāo)簽：

<p>這是需要設(shè)置漸隱效果的元素</p>

接下來就可以使用CSS來設(shè)置這個(gè)效果了。首先需要設(shè)置元素的透明度（即不透明度）為1，這樣就可以讓元素完全顯示出來：

p{
opacity: 1;
}

接下來就可以設(shè)置漸隱效果了，將透明度逐漸降低到0即可：

p{
opacity: 0;
transition: opacity 1s;
}

這里設(shè)置了`transition`屬性來控制漸隱效果的過渡時(shí)間，本例中設(shè)置為1秒鐘，可以根據(jù)需要進(jìn)行調(diào)整。這樣就可以在一定時(shí)間內(nèi)讓元素逐漸漸隱，實(shí)現(xiàn)優(yōu)雅的過渡效果了。 如果需要設(shè)置漸顯效果，可以將透明度設(shè)置為0，然后將鼠標(biāo)懸停在元素上時(shí)將透明度逐漸增加到1即可：

p{
opacity: 0;
transition: opacity 1s;
}
p:hover{
opacity: 1;
}

這里設(shè)置了`hover`偽類來控制鼠標(biāo)懸停時(shí)的效果，當(dāng)鼠標(biāo)懸停在元素上時(shí)會(huì)讓透明度逐漸增加到1，實(shí)現(xiàn)漸顯效果。 總結(jié)一下，CSS中的漸除效果可以通過設(shè)置元素的透明度和使用`transition`屬性來實(shí)現(xiàn)。需要注意的是，透明度的值需要逐漸變化，才能實(shí)現(xiàn)漸隱漸顯的效果。