在CSS3中，過渡（transition）是指在元素從一種狀態切換到另一種狀態的過程中，添加一個動態的效果。這種效果可以是元素的位置、大小、顏色、背景等屬性的變化，通過給過渡屬性添加合適的值，可以讓元素平滑的從一個狀態切換到另一個狀態。

.box{
width: 100px;
height: 100px;
background-color: red;
transition: all 1s;
}
.box:hover{
width: 200px;
height: 200px;
background-color: blue;
}

在上面的代碼中，.box是要進行過渡效果的元素。當鼠標移動到.box上時，它的寬度、高度和背景色會發生變化，并且會帶有1秒的過渡時間，這時就可以看到.box元素平滑的從紅色變成了藍色，并且寬高也從100px變成了200px。

在transition屬性中，我們為它指定了兩個值，all和1s。
- all，表示對所有的變化進行過渡效果的設置；
- 1s，表示動畫持續的時間，可以使用的單位有秒、毫秒等。

在代碼中，我們還為.box:hover添加了一個:hover偽類，這就表示當鼠標移動到.box元素上時，將會出現過渡效果。除此之外，我們還可以為transition屬性設置多個屬性值，每個屬性值都可以有自己的動畫效果和持續時間。

.box{
width: 100px;
height: 100px;
background-color: red;
transition: width 1s, height 2s, background-color 3s;
}

在上面的代碼中，我們為.box元素指定了三個過渡效果，分別是寬度、高度和背景色。其中，寬度過渡效果持續1秒，高度持續2秒，背景色持續3秒。

通過這些屬性的設置，我們可以讓網頁上的元素動起來，給用戶帶來更好的視覺體驗。但需要注意的是，在使用過渡效果時，要根據實際情況進行合理的設置，避免過度設計和加載時間過長，影響用戶體驗。