CSS在網(wǎng)頁設(shè)計(jì)中扮演著非常重要的角色。其中一種常見的需求是在頁面加載后延遲一定時(shí)間后顯示某個(gè)元素，以增加頁面的交互性和用戶體驗(yàn)。

/* 延遲1秒后顯示 */
.delay {
display: none;
animation: show 1s linear 1s forwards;
}
/* 定義動(dòng)畫 */
@keyframes show {
to {
display: block;
}
}

通過定義一個(gè)名為“show”的動(dòng)畫，將目標(biāo)元素從“display: none”轉(zhuǎn)換為“display: block”，即可實(shí)現(xiàn)一秒后顯示的效果。使用“animation”屬性引用該動(dòng)畫即可。

需要注意的是，考慮到不同瀏覽器之間可能存在兼容性問題，建議使用CSS預(yù)處理器進(jìn)行動(dòng)畫定義，以避免這些差異帶來的影響。