CSS控制顯示隱藏動畫在網頁開發中應用廣泛，可用于彈出窗口、下拉菜單等交互效果。下面介紹CSS的display和transition屬性來實現顯示隱藏動畫。

/* 初始狀態：元素隱藏 */
.element {
display: none;
}
/* 激活狀態：元素顯示 */
.element.active {
display: block;
}
/* 通過transition實現動畫效果 */
.element {
transition: all 0.5s ease;
}
/* 讓元素從上方滑入 */
.element.slide-down {
transform: translateY(-100%);
}
/* 讓元素從下方滑出 */
.element.slide-up {
transform: translateY(100%);
}

上面的代碼中，我們首先將元素設為隱藏狀態，然后通過添加.active類來激活元素，并通過display屬性將其設為顯示狀態。接著，我們使用transition屬性來實現動畫效果，設置動畫持續時間為0.5秒，動畫效果為緩動（ease）。

最后，我們定義兩個類來控制元素的滑入和滑出效果，分別為.slide-down和.slide-up。通過transform屬性的translateY來改變元素的垂直位置，從而實現滑動效果。

如果需要實現其他動畫效果，可以根據需求設置不同的transition屬性和類名，以達到最終的效果。