CSS可以通過transform屬性實現縮放效果，并且可以通過過渡效果實現縮放的切換

/*初始狀態*/
.box{
width:100px;
height:100px;
background-color:red;
transform:scale(1);
transition:transform 0.3s ease-in-out;
}
/*縮小狀態*/
.box:hover{
transform:scale(0.5);
}

以上代碼中，先設置box元素的transform屬性為scale(1)，這里的1是原始大小。然后，給box元素添加過渡效果transition，讓縮放過程變得平滑。當box元素被鼠標懸停時，將其transform屬性的值改為scale(0.5)，表示將其縮小到原來的一半。