圖片眼影在設計中扮演著非常重要的角色。在網站設計中，使用合適的圖片眼影能夠讓整個頁面變得更加典雅和美觀。而在 CSS 中，通過設置圖片的陰影效果也可以輕松制作出不同的圖片眼影。

下面我們來看一個實例代碼：

.img-shadow {
box-shadow: 2px 2px 2px #ccc;
}

其中，“box-shadow” 屬性是設置陰影效果的關鍵。屬性值中的第一個值是水平陰影偏移量，第二個是垂直陰影偏移量，第三個是陰影模糊半徑，第四個是陰影顏色。

為了讓圖片眼影效果更加出色，可以進一步調整這些參數。比如，可以減小陰影偏移量增大陰影模糊半徑來制造出更加柔和的陰影。

除了使用“box-shadow”屬性，還可以使用“drop-shadow”屬性來設置陰影效果。相比于“box-shadow”，“drop-shadow”可以直接應用到任何元素，而不僅僅是圖片。

下面是一個使用“drop-shadow”屬性的實例代碼：

.shadow {
filter: drop-shadow(2px 2px 2px #ccc);
}

同樣，“drop-shadow”屬性中的值也分別代表水平和垂直陰影偏移量、模糊半徑和陰影顏色。

總結起來，制作出漂亮的圖片眼影效果并不難，只需要使用合適的 CSS 屬性和值即可。當然，在實際應用中，還需要結合具體情況來選擇合適的參數。