CSS3指示燈效果可用于網站或應用程序中的各種指示燈元素，例如狀況指示，進度追蹤和觸發警報。以下是如何使用CSS3實現指示燈效果的代碼。

/* 創建指示燈 */
.indicator {
width: 20px;
height: 20px;
background-color: #ccc;
border-radius: 10px;
}
/* 根據狀態改變指示燈顏色 */
.indicator.on {
background-color: green;
}
.indicator.off {
background-color: red;
}
/* 將指示燈放在元素中 */

在這個代碼中，我們首先定義了一個類名為"indicator"的元素，該元素用于創建指示燈。我們使用CSS為該元素設置了一些樣式屬性，例如顏色、大小和形狀等。我們還定義了兩個狀態，即"on"和"off"。當指示燈處于"on"狀態時，它將變為綠色，當它處于"off"狀態時，它將變為紅色。

接下來，我們將指示燈放置在一個