CSS是網頁設計中不可或缺的一部分，它可以讓我們在網頁中創建各種精美的樣式。其中，給圖片加上點擊效果是一種很常見的需求，比如當鼠標懸停在圖片上時，要讓圖片發生變化或跳轉到另一個鏈接。

/* 給圖片添加鼠標懸停效果 */
img:hover {
opacity: 0.8; /* 設置圖片的透明度 */
transform: scale(1.1); /* 設置圖片的縮放大小 */
transition: all 0.3s ease-out; /* 設置過渡動畫效果 */
}
/* 點擊圖片跳轉鏈接 */
a img {
transition: transform 0.5s; /* 給圖片添加過渡效果 */
}
a:hover img {
transform: rotate(-5deg) scale(1.1); /* 設置圖片旋轉和放大效果 */
}

上面的代碼中，我們使用了CSS3的過渡效果和transform屬性來實現圖片的點擊效果。當鼠標懸停在圖片上時，設置圖片的透明度和縮放大小，讓圖片更加醒目。同時，也可以通過鏈接的方式來實現圖片的跳轉效果。當鼠標懸停在鏈接上時，設置圖片的旋轉和放大效果，讓用戶更容易注意到這個鏈接。