CSS3 animate display可以讓元素動態地改變它們的可見狀態。我們可以使用CSS3的animation屬性來控制這些效果的動畫。

/* 定義一個DIV元素并隱藏它 */
div {
display: none;
}
/* 定義動畫規則 */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* 當鼠標懸停在按鈕上時，顯示DIV元素 */
button:hover + div {
display: block;
animation: fadeIn 1s;
}

在這個例子中，我們定義了一個DIV元素并將它的display屬性設置為none，這意味著它是不可見的。我們還定義了一個叫做fadeIn的動畫規則，它將DIV元素從透明度0變成透明度1。

當鼠標懸停在按鈕上時，我們使用CSS3選擇器+來選中DIV元素，并將它的display屬性設置為block，這意味著它現在是可見的。我們還將它的animation屬性設置為fadeIn動畫規則，并將動畫時間設置為1秒。這個動畫會將DIV元素從不可見變成可見。

使用CSS3 animate display可以為網頁帶來更生動、更具交互性的用戶體驗。我們可以使用不同的動畫效果來顯示和隱藏元素，從而提升網站的可用性和美觀度。