CSS3是最新的CSS標準，它為我們提供了很多新的實用特性，其中之一就是可以通過CSS3實現寬度的減少。

.box {
width: 500px;
height: 300px;
background-color: #ccc;
transition: width 0.5s linear;
}
.box:hover {
width: 400px;
}

上面的CSS代碼演示了如何實現寬度減少的效果。我們定義了一個名為.box的元素，設置了它的寬度為500像素，高度為300像素，背景顏色為灰色。在box:hover狀態下，將寬度減少到了400像素。為了實現平滑的過渡效果，我們使用了CSS3的transition屬性。

利用CSS3的寬度減少特性，我們可以很容易地創建響應式設計，即當瀏覽器窗口縮小時，元素的寬度也會自動縮小，以適應不同大小的屏幕。

總的來說，CSS3的新特性為我們提供了更多的創意空間和實現方式，提高了網站設計的靈活性和可靠性。