1. 定義一個 background-color 為黑暗的背景色，當沒有點擊時保持黑暗狀態。

3. 使用 CSS3 的 rgba 顏色模型設置燈泡的 rgba 值，其中紅色、綠色、藍色分別對應 0、0、255 的值，白色對應 1 的值。

下面是一個示例代碼：

```html

<button class="button">點擊我點亮燈泡</button>

<p class="燈泡"></p>

```css

.button {

background-color: #4CAF50;

.燈泡 {

position: relative;

width: 100px;

height: 100px;

.燈泡：before,

.燈泡：after {

content: "";

position: absolute;

left: 50%;

transform: translateX(-50%);

width: 50px;

height: 50px;

background-color: rgba(0, 0, 0, 0.5);

border-radius: 50%;

transform-origin: 0 100%;

.燈泡：after {

left: 0;

transform: translateX(50%);

.燈泡：before {

top: -50px;

transform: translateY(-50%);

.燈泡：after {

top: 0;

.button:click(.點亮燈泡) {

.燈泡：before {

transform: rotateY(180deg);

transform-origin: 100% 100%;

.燈泡：after {

transform: rotateY(-180deg);

transform-origin: 0 100%;

在這個示例代碼中，當用戶點擊按鈕時，會實現燈泡的點擊發光效果。用戶可以看到一個燈泡從頁面底部向上移動并發出光芒。