CSS盒子高度漸漸減小是一種很酷炫的效果，可以讓網頁看起來更加動感。這種效果主要是通過CSS3的transition屬性來實現的，具體實現方式如下：

.box {
height: 200px;
background-color: #f00;
transition: height 2s;
}
.box:hover {
height: 100px;
}

上面的代碼中，我們首先給一個名為.box的div設置初始高度為200px，背景色為紅色。然后通過transition屬性設置了一個高度變化的過渡時間為2秒。當鼠標滑過這個盒子時，調用:hover偽類，將盒子的高度降低到了100px。由于設置了一個過渡時間，所以盒子高度不會瞬間變化，而是以漸變的方式慢慢變小。

除了上面的方式，我們還可以使用CSS的@keyframes關鍵字來實現盒子高度逐漸減小的效果。具體實現方式如下：

.box-animation {
height: 200px;
background-color: #f00;
animation: myanimation 5s;
}
@keyframes myanimation {
from {
height: 200px;
}
to {
height: 100px;
}
}

上面的代碼中，我們首先給一個名為.box-animation的div設置初始高度為200px，背景色為紅色。然后使用@keyframes定義了一個名為myanimation的幀動畫，這個動畫從200px的高度逐漸降低到100px。最后通過animation屬性將這個動畫綁定到盒子上，并設置了動畫完成的時間為5秒。

無論是使用CSS3的transition屬性，還是使用@keyframes關鍵字，都能夠實現CSS盒子高度逐漸減小的效果，讓網頁看起來更加有趣和生動。如果你想要讓自己的網頁更加炫酷，那就趕緊嘗試一下吧！