CSS圖像技巧為我們提供了許多有趣且獨特的方法來裝飾我們的網頁。下面我們來分享一些好玩的技巧。

/* 實現圓形圖片 */
img {
border-radius: 50%;
}
/* 給圖片添加陰影 */
img {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* 裁剪圖片，實現獨特的形狀 */
img {
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
/* 實現一個條紋背景 */
body {
background-image: linear-gradient(to bottom, #ffffff, #ffffff 50%, #eeeeee 50%, #eeeeee);
}
/* 為圖片添加模糊效果 */
img {
filter: blur(5px);
}
/* 實現旋轉的圖片 */
img {
transform: rotate(30deg);
}

以上這些技巧只是冰山一角。當然，這些方法并非必須要用在圖片上。你可以嘗試應用到其他元素上，例如文字，背景等等。有了這些技巧，我們可以嘗試創造更加獨特的頁面。