CSS3中可以設置過渡屬性來實現(xiàn)動畫效果，在網頁中很多地方都能夠使用到，如按鈕點擊后文字顏色變化、圖片的縮放和淡入淡出等。

.box{
width: 100px;
height: 100px;
background-color: red;
transition: all 0.5s;
}
.box:hover{
width: 200px;
height: 200px;
background-color: green;
opacity: 0.5;
}

在上述代碼中，我們首先定義了一個長寬都為100像素、背景顏色為紅色的盒子。然后通過transition屬性設置了過渡效果的時間為0.5秒，同時監(jiān)測了所有屬性的變化。接下來，我們對:hover偽類下的.box元素進行了調整，將其長寬變?yōu)?00像素、背景顏色變?yōu)榫G色，并且讓其透明度變?yōu)?.5。這樣，當我們鼠標在盒子上方經過時，就會出現(xiàn)一個過渡效果，使得盒子的大小和顏色逐漸發(fā)生變化，并且變得半透明。

這里還需要注意的是，我們在transition屬性中使用了“all”關鍵字，表示所有的變化都要進行過渡動畫。如果我們只需要某些屬性進行過渡，就需要把它們列出來，如：transition: width 0.5s, background-color 1s;

總的來說，CSS3中的過渡效果為網頁設計提供了更多的樣式選擇和靈活性。