CSS3過渡試題

/* HTML代碼 */
<div>我是一個div</div>
/* CSS代碼 */
div {
width: 100px;
height: 100px;
background-color: blue;
transition: all 2s ease;
}
div:hover {
width: 200px;
height: 200px;
background-color: red;
}

上述代碼是一個CSS3過渡的示例，它將一個div元素的寬度、高度和背景顏色在鼠標懸停時進行過渡，過渡時間為2秒，過渡效果為緩動。

CSS3過渡允許我們在某些屬性的值發生變化時，平滑地過渡到新的值，從而創造出更加生動、流暢的用戶體驗。我們可以使用transition屬性來定義一個或多個CSS屬性的過渡效果，也可以指定過渡的時間、過渡函數等。

在上述代碼中，我們使用了all關鍵字來表示所有CSS屬性都要進行過渡，2s表示過渡時間為2秒，ease表示緩動過渡效果。當鼠標懸停在這個div元素上時，它會從藍色漸變為紅色，同時寬度和高度也會變大。這種效果非常流暢，能夠為用戶帶來更好的體驗。

總之，CSS3過渡是用來控制HTML元素漸變過渡的一種新技術，它可以提高用戶體驗，打造更加精美的UI界面。