在CSS中，我們可以使用transform屬性來實現(xiàn)盒子點擊后變大變小的效果，以下是一個簡單的示例：

1、我們需要創(chuàng)建一個HTML元素，例如一個div盒子。

<div id="myBox" style="width: 100px; height: 100px; background-color: #f00; transform: scale(1); transition: transform 0.3s ease-in-out;">
  點擊我
</div>

2、我們可以使用JavaScript來監(jiān)聽盒子的點擊事件，并在點擊時改變transform屬性的值。

document.getElementById('myBox').addEventListener('click', function() {
  var scale = this.style.transform.match(/\d+/);
  if (scale) {
    // 如果當前是放大狀態(tài)，則縮小到原始大小
    this.style.transform = 'scale(' + (scale - 1) + ')';
  } else {
    // 如果當前是縮小狀態(tài)，則放大到原始大小的1.5倍
    this.style.transform = 'scale(1.5)';
  }
});

3、我們可以使用CSS的transition屬性來平滑地過渡放大和縮小的效果。

#myBox {
  transition: transform 0.3s ease-in-out;
}

這樣，當我們點擊盒子時，它會在放大和縮小之間切換，注意，這個示例中的JavaScript代碼假設了盒子初始狀態(tài)是縮小的，如果初始狀態(tài)是放大的，則需要相應地調(diào)整代碼。