在網頁設計中，閃爍效果是一種常用的特效之一。通過CSS樣式和JavaScript腳本，我們可以輕松實現網頁中的文本或圖像閃爍效果，使網頁更加生動有趣。本文將介紹使用CSS實現人閃爍效果的方法。

/* CSS設置，定義閃爍動畫效果 */
@keyframes blink { /* 定義關鍵幀動畫 */
0% { opacity: 1; } /* 初始狀態，透明度為1 */
50% { opacity: 0.2; } /* 中間狀態，透明度為0.2 */
100% { opacity: 1; } /* 最終狀態，透明度還原為1 */
}
/* 應用到人的CSS中 */
.person {
animation-name: blink; /* 引用定義好的動畫名稱 */
animation-duration: 3s; /* 動畫時間為3s */
animation-iteration-count: infinite; /* 循環播放，加上這個就可以一直閃爍 */
}

使用到的CSS樣式和動畫屬性主要有@keyframes、animation-name、animation-duration和animation-iteration-count。其中，@keyframes用來定義關鍵幀動畫，可以設置多個狀態，決定動畫效果的變化。在本例中，我們設置了3個狀態，分別是初始狀態、中間狀態和結束狀態。其作用是改變元素的透明度，通過不斷變換的透明度來達到閃爍的效果。設置完關鍵幀之后，我們需要引用該動畫，給閃爍對象加上相應的CSS樣式即可。

接下來，我們需要在HTML中使用該動畫。我們可以在HTML中添加一個<div>元素，設置其class屬性為person（按照上面的CSS樣式）。然后，我們就可以在該元素中添加人物圖片等內容，等待閃爍效果的呈現。

<style>
/* 同上 */
</style>
<div class="person">
<img src="person.png" alt="person">
</div>

最終，我們就可以看到人物圖片不斷閃爍的效果。通過上述CSS樣式和關鍵幀動畫，我們實現了一種簡單的人閃爍效果。如果你想對動畫效果進行調整，可以根據自己的需要修改關鍵幀中的狀態，或者改變動畫時間等屬性。總之，利用CSS和JavaScript屬性，可以為網頁添加各種豐富的特效效果。