CSS是前端開發中非常重要的一部分，它不僅可以美化網頁，還可以實現許多復雜的效果。比如，用CSS畫眼睛就是一個很有意思的例子。下面我來介紹一下如何用CSS畫出一個帶有動態效果的眼睛。

首先，我們需要創建一個圓形的眼球。可以使用border-radius屬性來實現圓形效果，并設置適當的顏色、大小、邊框等樣式。具體代碼如下：

.eyeball {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: white;
border: 2px solid black;
}

接下來，我們需要在這個圓形眼球的中央創建一個小圓形的瞳孔，以實現眼睛的動態效果。為了實現瞳孔的移動效果，我們可以使用transform屬性，并通過JS控制其位置。具體的代碼如下：

.pupil {
width: 25px;
height: 25px;
border-radius: 50%;
background-color: black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

最后，我們需要將眼球和瞳孔放在一個共同的容器中，以便進一步控制它們的位置?？梢酝ㄟ^設置容器的寬度、高度、位置等屬性，使眼球和瞳孔位于眼睛的中央，并實現移動效果。代碼如下：

.eye {
width: 120px;
height: 120px;
position: relative;
margin: 0 auto;
}

綜上所述，我們可以通過設置各種CSS屬性，來實現一個非?？犰诺难劬πЧ?。而且，這種效果可以靈活地應用于各種網頁設計中，使網頁更具吸引力和互動性。