純 CSS 實例是指只用 CSS 代碼就可以實現(xiàn)的交互效果，這種實現(xiàn)方式不需要引入額外的 JavaScript 代碼。下面是一個簡單的純 CSS 實例。

/* 設(shè)置按鈕的基本樣式 */
button {
background-color: teal;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
border-radius: 5px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease;
}
/* 鼠標經(jīng)過按鈕時，按鈕變暗一些 */
button:hover {
background-color: #008080;
box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.4);
transform: translateY(-2px);
}
/* 鼠標按下按鈕時，按鈕變亮一些，表示被按下了 */
button:active {
background-color: #00cccc;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
transform: translateY(1px);
}

以上 CSS 代碼實現(xiàn)了一個基本的按鈕樣式，并且添加了交互效果。當鼠標經(jīng)過按鈕時，按鈕會變暗一些，同時上移；當鼠標按下按鈕時，按鈕會變亮一些，同時下移。

這個純 CSS 實例可以用于快速構(gòu)建網(wǎng)頁的按鈕效果，而且不需要額外引入 JavaScript 代碼，減輕了網(wǎng)頁加載速度和復(fù)雜度。