CSS是前端開發中非常重要的一個技術，它可以實現各種各樣的效果，比如逐漸變小。接下來我們就來學習一下如何用CSS實現逐漸變小的效果。

代碼如下：
/* 定義元素的樣式 */
div {
font-size: 40px; /* 設置字號為40像素 */
transition: font-size 2s; /* 設置字號變化時長為2秒 */
}
/* 設置觸發條件 */
div:hover {
font-size: 20px; /* 鼠標懸停時字號逐漸變小至20像素 */
}

在上面的代碼中，我們定義了一個div元素的樣式，包括設置了字號為40像素，并設置了字號變化時長為2秒。然后，我們通過設置:hover偽類，當鼠標懸停在該元素上時，字號會逐漸變小至20像素。

這種逐漸變小的效果也可以應用到其他元素上，如圖片或按鈕等。只需按照上述步驟，設置樣式和觸發條件，就能輕松實現逐漸變小的效果。