CSS3指示燈效果可用于網(wǎng)站或應(yīng)用程序中的各種指示燈元素，例如狀況指示，進(jìn)度追蹤和觸發(fā)警報。以下是如何使用CSS3實現(xiàn)指示燈效果的代碼。

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

在這個代碼中，我們首先定義了一個類名為"indicator"的元素，該元素用于創(chuàng)建指示燈。我們使用CSS為該元素設(shè)置了一些樣式屬性，例如顏色、大小和形狀等。我們還定義了兩個狀態(tài)，即"on"和"off"。當(dāng)指示燈處于"on"狀態(tài)時，它將變?yōu)榫G色，當(dāng)它處于"off"狀態(tài)時，它將變?yōu)榧t色。

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