CSS倒計時是一種非常實用的技術，許多網站和應用程序會使用這種技術來提醒用戶時間的流逝。在這篇文章中，我們將介紹如何使用CSS倒計時來創建一個簡單的3秒倒計時效果。

倒計時代碼：
<div id="countdown">
<div class="countdown-number">3</div>
</div>
CSS代碼：
#countdown {
width: 100%;
font-size: 4rem;
text-align: center;
}
.countdown-number {
animation: countdown 3s ease-in-out;
}
@keyframes countdown {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}

如上所示，我們在HTML中創建了一個div元素，這個元素的ID是countdown。在這個div中，我們創建了一個span元素，它包含要倒計時的數字。在CSS中，我們使用了一個animation屬性，為countdown-number類添加了一個名為countdown的動畫。

這個動畫使用了CSS動畫的關鍵幀技術，它指定了動畫在3秒內的開始和結束狀態。在0%的關鍵幀中，數字的透明度是1，而在100%的關鍵幀中，數字的透明度是0。這意味著數字從3逐漸變為不可見，整個過程持續3秒。

可以將這個代碼片段嵌入到任何網站或應用程序中，以使用戶知道時間的流逝。這種倒計時效果也可以很容易地自定義，例如通過更改字體和顏色來適應不同的設計風格。