CSS是一種用于控制網頁外觀的語言，我們可以使用它來改變不同的樣式值來達到不同的效果。而其中一個非常有趣的效果就是CSS值改變動畫。下面我們來看看如何使用CSS實現這個效果。

box {
width: 100px;
height: 100px;
background-color: red;
transition: width 2s;
}
box:hover {
width: 200px;
}

以上代碼就是實現CSS值改變動畫的示例。我們先定義一個盒子，并設置了其寬高和背景顏色。然后我們使用CSS的transition屬性將width的變化設置為2秒，并且當鼠標懸停在該盒子上時，將width的值變為200px。

這時候我們來看看效果，當我們把鼠標放到盒子上時，會發現它會慢慢地變寬，而不是直接從100px變為200px。這就是使用CSS值改變動畫的效果。

除了使用:hover偽類，我們也可以使用JavaScript來控制CSS的樣式值來實現動畫效果。比如：

box {
width: 100px;
height: 100px;
background-color: red;
}
.grow {
width: 200px;
transition: width 2s;
}

我們定義了一個盒子，并設置了它的寬、高和背景顏色。但是我們不使用:hover偽類，而是在JavaScript代碼中給該盒子添加一個grow類名，并設置它的width為200px。這時候該盒子就會動畫地變寬。

總結起來，CSS值改變動畫是一種可以讓網頁看起來更加生動、有趣的效果，而在具體實現時我們可以使用:hover偽類或者JavaScript來控制CSS樣式值。