CSS過渡時間的設置方法

p {
transition-duration: 0.5s;
}

CSS過渡效果可以讓頁面元素在發生變化時，呈現出平滑自然、逐漸過渡的效果。

在使用CSS過渡效果之前，我們需要先使用transition-duration屬性來設置過渡時間，即元素從開始變化到結束變化所需的時間。

p {
transition-duration: 1s;
}

在上面的例子中，我們設置了一個時間為1秒的過渡效果，也就是說，當p元素發生變化時，這個變化過程將在1秒鐘內逐漸完成。

在CSS中，我們還可以使用transition-property屬性來指定需要進行過渡的屬性。例如：

p {
transition-property: color;
transition-duration: 1s;
}

在上述代碼中，我們僅僅指定了color屬性需要過渡，而其他屬性不需要過渡。這樣做的好處是可以更好地控制元素的過渡效果，防止出現不符合實際需要的問題。

總之，在使用CSS過渡效果時，我們需要掌握transition-duration和transition-property這兩個屬性，以便能夠更好地控制元素的過渡效果。