在網頁開發中，經常需要通過CSS實現元素的顯示和隱藏效果。今天我們來討論兩種常見的隱藏顯示效果，分別是“顯示/隱藏效果”和“淡入淡出效果”。

1. 顯示/隱藏效果

.show {
display: block;
}
.hide {
display: none;
}

通過設置display屬性，我們可以輕松地實現元素的顯示和隱藏。當一個元素需要顯示時，只需要將其display屬性值設為block；當需要隱藏時，設為none即可。

2. 淡入淡出效果

.fade-in {
opacity: 0;
transition: opacity .4s ease-in-out;
}
.fade-in.active {
opacity: 1;
}
.fade-out {
opacity: 1;
transition: opacity .4s ease-in-out;
}
.fade-out.active {
opacity: 0;
}

通過設置opacity屬性，我們可以實現元素的漸變效果，當opacity為1時元素完全可見，當為0時完全不可見。我們還需要添加一個屬性 - transition，這個屬性定義了元素漸變改變的過渡時間和方式。

我們通過添加類名active來控制元素的漸變效果的開啟和關閉。當元素需要淡入時，我們給其添加fade-in和active類名即可；當需要淡出時，則添加fade-out和active類名。這樣我們就能達到漸變顯示/隱藏元素的效果。