CSS中很多時候需要為圖片添加點擊放大的功能，這個功能可以通過CSS的transform屬性和偽類來實現。

/* 首先給圖片添加一個cursor指針，鼠標移入時顯示pointer */
img {
cursor: pointer;
}
/* 然后添加一個點擊事件 */
img:hover {
transform: scale(1.2); /* 放大1.2倍 */
}
/* 如果要添加過渡效果 */
img {
transition: transform .3s ease-in-out;
}

這樣就可以實現點擊圖片放大的功能了。另外，如果需要點擊后圖片不斷變大再縮小成原來大小，可以通過CSS的keyframes和animation屬性來實現。

/* 添加一個keyframes，定義從1倍放大到1.5倍，再縮小回到1倍的過程 */
@keyframes zoom {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
/* 點擊后添加一個zoom的動畫 */
img:active {
animation: zoom .3s ease-in-out;
}

這樣就可以實現點擊圖片放大再縮小的效果了。