CSS3可以輕松地實(shí)現(xiàn)各種效果，其中就包括顯示隱藏效果。下面將介紹一些CSS3實(shí)現(xiàn)顯示隱藏效果的方法。 首先，我們要使用CSS3的選擇器來選取需要隱藏的元素。我們可以使用“display:none;”來隱藏元素，例如：

p.hidden{
display:none;
}

接著，我們使用JavaScript來控制元素的顯示和隱藏。首先我們需要獲取元素，然后根據(jù)需要顯示或隱藏。例如：

var element = document.querySelector('p.hidden');
element.style.display = 'block'; //顯示元素
element.style.display = 'none'; //隱藏元素

另一種顯示隱藏效果是使用CSS3的transition屬性。這個屬性可以讓元素在顯示和隱藏時產(chǎn)生動畫效果。例如：

p{
transition: all 1s ease;
}
p:hover{
opacity:0.5;
}

當(dāng)鼠標(biāo)浮在p元素上時，p元素的透明度會變?yōu)?.5，產(chǎn)生動畫效果。 最后，我們也可以使用CSS3的:checked偽類來實(shí)現(xiàn)顯示隱藏效果。例如：

p{
display:none;
}
input[type=checkbox]:checked + p{
display:block;
}

當(dāng)復(fù)選框被選中時，相鄰的p元素會顯示出來。 總的來說，CSS3提供了多種方法來實(shí)現(xiàn)顯示隱藏效果。我們可以根據(jù)實(shí)際需要來選擇合適的方法。