CSS3是現代網頁設計中不可或缺的一部分。在CSS3中，有許多新特性，例如：圓角、陰影、漸變等，使得網頁的設計更加美觀、生動。在這篇文章中，我們將介紹如何利用CSS3來實現一個漂亮的眼睛。

在實現眼睛的過程中，我們需要使用到以下幾個屬性：

• border-radius：設置元素的圓角
• box-shadow：設置元素的陰影
• transform：變形元素，旋轉和縮放等

.eye {
width: 50px;
height: 50px;
border-radius: 50%;
border: 5px solid #000;
box-shadow: 0 0 10px #000;
position: relative;
overflow: hidden;
}
.eye::before {
content: "";
width: 25px;
height: 25px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.eye::after {
content: "";
width: 15px;
height: 15px;
background: #000;
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%) translateY(8px);
}

代碼解釋：

• 首先，我們創建一個正方形元素，將其圓角化并添加黑色邊框和陰影。
• 接著，我們使用::before偽元素在正方形中心創建一個白色的小圓，表示眼球。
• 最后，我們使用::after偽元素在正方形中心畫一個小黑點，表示瞳孔。
• 使用transform屬性進行了平移，使得瞳孔在眼球中心。

通過上述代碼，我們就成功地創建了一個漂亮的眼睛。有時候，我們可能需要用到多個眼睛，只需要重復上述代碼并稍作調整即可。