CSS可以實現在點擊時改變元素的大小。通過使用:hover和:active偽類，我們可以實現當用戶懸停或點擊元素時改變其大小。

.box {
width: 100px;
height: 100px;
background-color: red;
}
.box:hover {
transform: scale(1.2);
}
.box:active {
transform: scale(0.8);
}

在上面的代碼中，我們給一個名字為“box”的div設定了一個寬高為100px，并賦予它紅色的背景顏色。在:hover偽類中，我們使用CSS的transform屬性并設置了一個比例因子為1.2。這意味著當用戶移動鼠標到這個元素上方時，元素的大小會增加20%。在:active偽類中，我們使用了同樣的transform屬性，但是設置了一個比例因子為0.8，這意味著當用戶按壓元素時，元素的大小會縮小20%。

這樣一來，我們就可以通過使用CSS的偽類來實現在用戶與元素交互時改變元素的大小。這種技巧可用于創建各種效果，從視覺上增強用戶感受到的交互性，提高用戶體驗。